:root{color-scheme:light;--ink:#40392f;--gold:#9b773e;--line:#e1d7c7;--ivory:#fcf9f3;--muted:#857b6c}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ivory);font:14px/1.6 Arial,sans-serif}button,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}
header{height:92px;padding:16px 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#fffdf9}.brand{font:30px/1.2 Georgia,serif;letter-spacing:7px;text-decoration:none;color:#493522}.brand span{font:9px/1.6 Arial,sans-serif;display:block;letter-spacing:5px;text-align:center;margin-top:6px}.back-store{color:var(--ink);text-decoration:none;margin-left:auto;font-size:12px}.badge{font-size:9px;letter-spacing:1.6px;color:var(--muted);padding-left:25px;border-left:1px solid var(--line)}
main{max-width:1500px;margin:auto;padding:30px 4%}.intro{text-align:center;margin:0 0 32px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);margin:0 0 8px}h1{font:clamp(32px,3.5vw,51px)/1.16 Georgia,serif;letter-spacing:-1.6px;margin:10px 0 12px}.intro>p:last-child{font:italic 19px Georgia,serif;color:#83715d;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:38px;align-items:start}.workspace>*{min-width:0}#atelierControls{margin:0;padding:0;border:0;min-width:0}#atelierControls:disabled{opacity:.5}#loadingNotice{text-align:center;color:var(--gold)}
.preview{position:sticky;top:20px;background:#f4eee4;border:1px solid #e4dacb;border-radius:160px 160px 15px 15px;padding:35px 24px 22px;overflow:hidden;background-image:radial-gradient(ellipse at 35% 22%,#fffdf8 0%,#f4eee4 62%,#eae1d3 100%)}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.6px;color:var(--gold);padding:4px 10px 0}.preview-head #sizeLabel{white-space:nowrap}.jewel-stage{position:relative}.stage-note{display:block;text-align:center;letter-spacing:2px;font-size:7px;color:#9d907e;margin-top:25px}#jewel{display:block;width:100%;height:auto;max-height:490px;overflow:visible}#jewel circle[role=button]{cursor:pointer}#jewel circle[role=button]:hover{stroke:#9b773e;stroke-width:2}#jewel circle[role=button]:focus-visible{outline:none;stroke:#735221;stroke-width:3}.caption{text-align:center;font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0 22px}.price{padding-top:18px;border-top:1px solid #d9cbb6;text-align:center;display:flex;flex-direction:column;font-size:11px;color:#82725c}.price strong{font:22px Georgia,serif;color:var(--ink);margin-top:6px}
.editor{background:#fffdf9;border:1px solid var(--line);border-radius:17px;padding:24px 25px 18px;box-shadow:0 5px 20px #57442f05}.editor-heading{margin-bottom:16px}nav{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--line)}button{border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 13px;transition:background .15s,border-color .15s}button:hover{background:#f3ecdf;border-color:#b5996e}nav button{flex:1;border:0;border-radius:0;padding:11px 4px;font-size:11px;white-space:nowrap}nav button[aria-pressed=true]{color:#89652e;border-bottom:2px solid #a28047}.type-picker{border:1px solid var(--line);border-radius:30px;padding:4px;gap:3px;margin:0 0 14px;background:#f9f5ee}.type-picker button{font-size:12px;border-radius:25px;padding:9px 5px}.type-picker button[aria-pressed=true]{background:#e9dcc7;color:#715027;border:0}
h2{font:27px/1.2 Georgia,serif;letter-spacing:-.5px;margin:10px 0 17px}.editor p{font-size:12px}.editor p.eyebrow{font-size:8px}.primary{background:#98753d;color:white;border-color:#98753d;box-shadow:inset 0 1px 0 #ffffff30}.primary:hover{background:#816030;color:white;border-color:#816030}.row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.row button{font-size:11px}.row #save{flex:1;min-width:130px}.swatches{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 18px}.swatch{display:flex;align-items:center;gap:7px;padding:8px;font-size:10px;background:#fcf9f4}.swatch[aria-pressed=true],.paint-swatch[aria-pressed=true]{border-color:#b18b50;background-color:#f1e7d7;box-shadow:0 0 0 1px #b18b50}.dot{width:26px;height:26px;display:inline-block;border-radius:50%;background-position:center;background-size:cover;box-shadow:0 2px 3px #493a291a;border:1px solid #beaf9633;flex-shrink:0}
.motifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 22px}.motif{display:flex;flex-direction:column;gap:9px;text-align:left;padding:12px 9px;background:#fbf7f0}.motif strong{font:15px Georgia,serif}.motif-description{font-size:9px;color:var(--muted);line-height:1.5}.motif-preview{display:flex;flex-wrap:wrap;gap:2px}.motif-preview .dot{width:12px;height:12px}.motif[aria-pressed=true]{border-color:#b18b50;box-shadow:0 0 0 1px #b18b50}
.shared{border-top:1px solid var(--line);padding-top:14px;margin-top:22px}label,.control-label{display:block;font-size:11px;margin:12px 0 7px}select,textarea{display:block;width:100%;font:12px Arial,sans-serif;background:#fffdf9;border:1px solid var(--line);border-radius:7px;padding:11px;margin-top:7px}textarea{min-height:110px;line-height:1.7;resize:vertical}.native-charm{display:none}.charm-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.charm-card{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;padding:10px 5px;font-size:10px;background:#fbf7f0;min-height:89px}.charm-card img{display:block;width:46px;height:43px;object-fit:contain;filter:drop-shadow(0 2px 2px #6a512c33)}.charm-card>span:first-child{font:30px Georgia,serif;color:#aa9675;height:43px}.charm-card[aria-pressed=true]{border-color:#a77e40;background:#f0e5d4;box-shadow:0 0 0 1px #b18b50}input[type=range]{display:block;width:100%;accent-color:var(--gold);margin:16px 0}.small,#aiMode{color:var(--muted);font-size:10px!important;line-height:1.7}.check{display:flex;align-items:center;gap:6px}.check input{accent-color:var(--gold)}.paint-hint{padding:9px 11px;background:#f2ebdf;border-radius:6px;font-size:11px!important}#undoPaint{font-size:11px;padding:8px 12px}#status{font-size:11px;min-height:18px;color:#85652e;margin:10px 0 0}footer{font-size:10px;color:#918472;text-align:center;padding:30px 0 10px;line-height:1.8}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a28047;outline-offset:3px}.paint-dock{display:none}
@media(min-width:1400px){main{padding-left:6%;padding-right:6%}.workspace{gap:45px}.editor{padding:27px 30px}.preview{padding-top:42px}}
@media(max-width:900px){main{padding:24px 3%}.workspace{gap:20px}.editor{padding:20px 16px}.motifs{grid-template-columns:1fr}.motif{display:grid;grid-template-columns:95px 1fr;gap:7px}.motif-description{grid-column:1/-1}.preview{padding:30px 12px 20px}.stage-note{font-size:6px;letter-spacing:1px}}
@media(max-width:760px){header{height:77px;padding:15px 6%;gap:12px}.brand{font-size:23px;letter-spacing:5px}.brand span{font-size:7px}.badge{display:none}.back-store{font-size:10px}main{padding:25px 5%}.intro{margin-bottom:25px}.intro h1{font-size:34px;letter-spacing:-1px}.intro>p:last-child{font-size:16px}.intro .eyebrow{font-size:7px;letter-spacing:1.7px}.workspace{grid-template-columns:1fr;gap:22px}.preview{position:static;border-radius:100px 100px 12px 12px;padding:25px 16px 18px}.preview-head{font-size:8px}.stage-note{margin-top:18px}#jewel{max-height:330px}.caption{font-size:8px;margin-bottom:16px}.price strong{font-size:20px}.price{font-size:10px}.editor{padding:22px 16px}h2{font-size:25px}.motifs{grid-template-columns:repeat(3,minmax(0,1fr))}.motif{display:flex;padding:10px 7px}.motif strong{font-size:14px}.motif-description{font-size:8px}.motif-preview .dot{width:10px;height:10px}.swatch{font-size:10px}.dot{width:25px;height:25px}.paint-dock{display:block;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:9px 15px calc(10px + env(safe-area-inset-bottom));background:#fffdf7;border-top:1px solid var(--line);box-shadow:0 -4px 18px #66513114}.paint-dock p{font-size:10px;margin:0 0 7px}.paint-dock-row{display:flex;gap:10px;align-items:center;justify-content:space-between}#dockPalette{display:flex;gap:8px}.dock-stone{width:30px;height:30px;border-radius:50%;padding:0;flex-shrink:0;background-position:center}#dockUndo{padding:7px 10px;font-size:11px}#atelierControls[data-mode=advanced]+footer{padding-bottom:125px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.preview-head{margin:0 35px}.preview{overflow:visible}@media(max-width:760px){.preview-head{margin:0 12px}}
/* Atelier details: visible product choices and individual pendant controls. */
.detail-heading{margin:0 0 20px}.detail-heading h2{font-size:24px;margin:6px 0 0}.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px}.detail-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 5px;background:#fbf7f0;font-size:10px;min-height:83px}.detail-card img{width:43px;height:35px;object-fit:contain;filter:drop-shadow(0 2px 2px #6a512c20)}.detail-card .empty-mark{font:28px Georgia,serif;color:#ae9c7f;height:35px}.detail-card[aria-pressed=true]{border-color:#a77e40;background:#f0e5d4;box-shadow:0 0 0 1px #b18b50}.compact-field{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 22px;font-size:11px}.compact-field select{width:auto;max-width:65%;margin:0;padding:9px}#claspControls{padding-top:14px;margin-top:15px;border-top:1px solid var(--line)}#charmControls{padding-top:15px;margin-top:20px;border-top:1px solid var(--line)}.charms-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.charms-heading p{margin:0}#charmCount{font-size:10px;letter-spacing:1px;color:#9b773e;background:#f0e6d5;padding:3px 9px;border-radius:20px}.charm-row{display:flex;align-items:center;gap:12px;background:#faf6ef;border:1px solid #e8dece;border-radius:8px;padding:11px 10px;margin:7px 0}.charm-row>img{width:36px;height:42px;object-fit:contain;flex-shrink:0}.charm-row-content{flex:1;min-width:0}.charm-row-content>strong{font:16px Georgia,serif}.charm-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:9px}.charm-fields label{font-size:9px;color:#92836d;margin:5px 0 0}.charm-fields select{font-size:10px;padding:7px 4px;margin-top:3px;max-width:100%;width:100%}.remove-charm{border:0;font-size:20px;padding:4px;color:#a18d6d;align-self:start}.text-button{border:0;padding:8px 0;font-size:10px;color:#9d7a42;text-decoration:underline}.project-details{font-size:10px;text-align:center;color:#937d5e;line-height:1.7;margin:10px 0 17px}.charm-card:disabled{cursor:default;opacity:.55}.charm-card:disabled:hover{background:#fbf7f0;border-color:var(--line)}#charmGallery .empty-mark{font-size:26px}.preview{background-image:radial-gradient(ellipse at 35% 22%,#fffdf8 0%,#f5eee3 62%,#eae1d3 100%)}.preview .caption{margin-bottom:10px}
@media(min-width:1100px){.preview{top:15px}.jewel-stage{margin:0 -6px}#jewel{max-height:540px}.editor{padding:26px 28px}.swatches .dot{width:30px;height:30px}.type-picker{margin-bottom:12px}}
@media(max-width:760px){.charm-row{gap:8px;padding:10px 8px}.charm-row>img{width:30px;height:37px}.charm-row-content>strong{font-size:15px}.charm-fields{gap:5px}.compact-field{gap:8px}.compact-field select{max-width:65%;font-size:10px}.detail-heading h2{font-size:23px}.detail-card{font-size:9px}.project-details{font-size:8px;margin-bottom:14px}#jewel{max-height:350px}}
/* Catalog v6 */
.asset-thumb{display:block;width:43px;height:43px;background-repeat:no-repeat;flex-shrink:0}.detail-card .asset-thumb{width:43px;height:35px}.charm-card .asset-thumb{width:57px;height:57px}.charm-row>.asset-thumb{width:40px;height:45px}.charm-row .charm-fields{grid-template-columns:1fr}.charm-row{align-items:center}.charm-fields label{display:flex;align-items:center;gap:12px}.charm-fields select{max-width:200px}.charm-row-content>strong{font-size:15px}.search-label{display:block;font-size:10px;color:#8b7d68}.search-label input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fffcf7;font:12px Arial,sans-serif;color:var(--ink);margin-top:5px}.search-label input:focus-visible{outline:2px solid #a28047;outline-offset:2px}#stones,#paintPalette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:240px;overflow:auto;padding:3px;margin-top:10px;align-content:start;scrollbar-width:thin}.swatch{flex-direction:column;justify-content:center;text-align:center;min-height:82px;font-size:10px;padding:9px 5px}.swatch .dot{width:42px;height:42px;border:0;background-color:transparent!important;box-shadow:none}.motif-preview .dot{border:0;box-shadow:none;background-color:transparent!important}.dot{background-color:transparent}.charm-tabs{margin:7px 0 10px}.charm-tabs button{font-size:11px}#charmGallery{max-height:260px;overflow:auto;padding:3px;scrollbar-width:thin;align-content:start}.charm-card{min-height:92px}.charm-card[disabled]{opacity:.6}.zodiac-inspiration{display:flex;align-items:end;gap:10px;padding:13px 14px;background:#f7f0e4;border:1px solid #e7d9c2;border-radius:9px;margin:16px 0}.zodiac-inspiration label{flex:1;margin:0;font-size:10px}.zodiac-inspiration select{padding:8px;margin-top:4px}.zodiac-inspiration button{font-size:10px;max-width:145px;white-space:nowrap;background:#fffaf0}.ai-quota{font-size:11px!important;color:#8f6c35;background:#f4ecde;padding:9px 12px;border-radius:7px}.charm-fields label{font-size:10px}.charm-row .remove-charm{align-self:center}.charm-row-content>strong{font-size:15px}#charmList{margin-bottom:15px}
@media(max-width:760px){#stones,#paintPalette{max-height:225px}.swatch{min-height:79px}.swatch .dot{width:39px;height:39px}.zodiac-inspiration{gap:7px;padding:10px}.zodiac-inspiration button{font-size:9px;padding:10px 7px}.charm-card .asset-thumb{width:49px;height:49px}.charm-row>.asset-thumb{width:33px;height:38px}.charm-fields select{max-width:150px}}
.dot>svg,.asset-thumb>svg,.dock-stone>svg{width:100%;height:100%;display:block;max-height:none;pointer-events:none}.asset-thumb{overflow:hidden}.swatch .dot{width:48px;height:48px}.charm-card .asset-thumb{width:58px;height:66px}.charm-row>.asset-thumb{height:51px}.dock-stone{overflow:hidden}.charm-row .asset-thumb svg{max-height:none}.motif-preview .dot{display:inline-flex}
.project-handoff{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.project-handoff h2{font-size:24px}.project-handoff p{font-size:12px}.project-handoff input{display:block;width:100%;font:12px Arial,sans-serif;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:11px;background:#fffdf9;margin-top:7px}#projectLink{font-size:11px}#projectNumber{color:#8f6c35}#quoteForm{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.dev-mail-note{padding:12px;background:#f4ecde;border-radius:7px;color:#81643a;font-size:11px!important}.quote-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#quoteStatus{font-size:12px;line-height:1.7;color:#806132}#savedProject{margin:15px 0 20px}