:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#333630;background:#f7f6f2;font-synthesis:none;--accent:#66567c;--muted:#8d8c85;--line:#e7e5de}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #9276b9;outline-offset:3px}button{color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 52px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:22px;font-weight:650;letter-spacing:3px}.brandmark{font-size:40px;color:#817594;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2.4px;font-weight:500;margin-top:3px;color:#86857f}.header-note{font-size:12px;letter-spacing:3px;color:#93908a}.header-actions{display:flex;gap:10px}.quiet{background:transparent;border:1px solid var(--line);border-radius:8px;font-size:12px;padding:10px 15px}.quiet:hover{background:#eeece7}.header-actions span{margin-left:15px}main{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:44px;padding:36px 48px 20px}.studio{min-width:0;align-self:start;position:sticky;top:26px}.intro{display:flex;align-items:center;justify-content:space-between;padding:0 0 25px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#8e8699;margin:2px 0 11px}h1{font-size:30px;font-weight:500;letter-spacing:1px;margin:0}h1 span{color:#8a739b}.subtitle{font-size:12px;color:var(--muted);margin:11px 0 0}.live{font-size:10px;color:#878b7e;white-space:nowrap;display:flex;align-items:center;gap:6px}.live i{width:5px;height:5px;border-radius:50%;background:#8da07d}.workspace{position:relative;border:1px solid #e6e3db;border-radius:14px;background:#eeece5;overflow:hidden}.stage-top,.stage-bottom{position:absolute;left:23px;right:23px;z-index:2;display:flex;align-items:center;justify-content:space-between}.stage-top{top:20px}.view-tabs{display:flex;gap:2px;background:#ffffffb8;padding:4px;border:1px solid #ffffffb0;border-radius:9px;backdrop-filter:blur(10px)}.view-tabs button{padding:8px 13px;font-size:11px;background:transparent;border:0;border-radius:6px;color:#88847d}.view-tabs button.active{background:#fff;box-shadow:0 1px 5px #0000000b;color:var(--accent)}.icon-button{border:1px solid #ddd9d0;background:#ffffffb8;width:32px;height:32px;border-radius:50%;font-size:21px;color:#8d877d}.canvas-wrap{aspect-ratio:1/1;min-height:0;position:relative}canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.stage-bottom{bottom:20px;color:#938c80;font-size:11px}.backgrounds{display:flex;gap:8px}.swatch{width:19px;height:19px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d2cfc8}.swatch.active{box-shadow:0 0 0 2px #999184}.warm{background:#ece8de}.dark{background:#373c40}.check{background:conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0);background-size:8px 8px}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 3px;border-bottom:1px solid var(--line)}.tiny-label{font-size:10px;color:#a29c90;letter-spacing:1px}.preview-footer p{font-size:12px;letter-spacing:.2px;margin:7px 0 0}.note{display:flex;gap:10px;color:#969187;font-size:11px;line-height:1.9;margin-top:17px}.note>span{font-size:15px}.note p{margin:0}.shop-note{display:block;color:#aaa49a}.controls{background:#fdfcf9;border:1px solid var(--line);border-radius:13px;padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.panel-heading h2{font-size:16px;font-weight:550;margin:0}.panel-heading>span{color:#b0aaa1;font-size:9px;letter-spacing:1px}.control-section{padding:22px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h3{font-size:12px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}h3 b{font-size:10px;color:#a69aaf;font-weight:500}.text-button{border:0;background:transparent;padding:0;color:#8b7b9b;font-size:10px}.text-button:hover{text-decoration:underline}.upload{border:1px dashed #ccc5d3;border-radius:8px;background:#f5f2f7;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;position:relative;overflow:hidden}.upload:hover,.upload.dragover{background:#ebe4f1;border-color:#87719d}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{font-size:23px;color:#9583aa;line-height:1}.upload strong{font-size:12px;font-weight:500;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload small{font-size:9px;color:#a199aa}.helper{font-size:10px;color:#a09b92;line-height:1.7;margin:10px 0 0}.tag{font-size:9px;color:#9c93a6;background:#f0edf3;padding:4px 7px;border-radius:4px}.segmented{display:flex;background:#f0efeb;border-radius:7px;padding:3px;gap:1px}.segmented button{flex:1;background:transparent;border:0;font-size:10px;padding:9px 0;color:#8d8780;border-radius:5px}.segmented button.active{background:#fff;box-shadow:0 1px 4px #00000009;color:#6e5c81}.slider-label{display:grid;grid-template-columns:1fr auto;font-size:11px;margin-top:18px;gap:10px;color:#827c74}.slider-label output{font-size:10px;color:#8e7f9a}.slider-label input{grid-column:1/-1;width:100%;margin:0;height:4px;accent-color:#8d7a9d;cursor:pointer}.control-section>.text-button{margin-top:12px}.compact{margin:12px 0;min-height:73px}.field{font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#827c74}.field select{max-width:235px;font-size:10px;padding:7px 3px;border:1px solid var(--line);border-radius:5px;background:white}.material-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.material{padding:6px 3px 8px;min-width:0;background:transparent;border:1px solid transparent;border-radius:8px;text-align:center}.material.active{background:#f4f0f6;border-color:#c3b5d0}.material:hover{background:#f3f0f5}.material-chip{display:block;width:38px;height:38px;border-radius:8px;margin:0 auto 9px;box-shadow:inset 0 0 0 1px #00000008}.material strong{display:block;font-size:9px;font-weight:500;white-space:nowrap}.material small{display:block;font-size:8px;margin-top:4px;color:#a7a095;white-space:nowrap}.holo{background:linear-gradient(135deg,#cce6d6,#e7c8e6 30%,#d0d9fa 49%,#f5edc2 67%,#c9f1db 82%,#e8d4ec)}.silver{background:repeating-conic-gradient(#b8bdc5 0% 12%,#f4f6f8 13% 26%,#dfe3e8 27% 40%);background-size:5px 5px}.stars{background:linear-gradient(135deg,#c7d2e7,#e5d6eb,#c7e5dd);color:white;font-size:30px;text-shadow:6px 5px 0 #fff8;text-align:center}.pearl{background:linear-gradient(125deg,#e8e4da,#fffefa,#ece1e9,#f5f6ec)}.clear{background:conic-gradient(#e2e0da 25%,#f8f7f4 0 50%,#e2e0da 0 75%,#f8f7f4 0);background-size:12px 12px}.edge-heading{display:flex;justify-content:space-between;font-size:11px;color:#827c74;margin-top:23px}.edge-heading span{font-size:10px;color:#a39b8f}.edges{display:flex;gap:13px;margin-top:13px}.edge{width:29px;height:29px;border:3px solid #fdfcf9;box-shadow:0 0 0 1px #e5e0d8;border-radius:50%}.edge.active{box-shadow:0 0 0 2px #a391b2}.gold{background:linear-gradient(130deg,#a98642,#f5e4ad 40%,#c8aa6b 65%,#9e763d)}.rose{background:linear-gradient(130deg,#bf8a80,#f4d8cb,#bc8178)}.white{background:#f4f1e8}.black{background:#42413e}.none{color:#b3a99c;background:#fff;font-size:20px;line-height:22px}details{margin-top:16px}summary{font-size:10px;color:#9a9389;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.details-content{padding:12px 0 0}.unit{font-size:10px;color:#b1a99c}.size-presets{display:flex;gap:6px}.size-presets button{border:1px solid var(--line);background:transparent;padding:8px 6px;font-size:10px;flex:1;white-space:nowrap;border-radius:5px;color:#928b80}.size-presets button.active{color:#7c668d;background:#f2eef5;border-color:#c8b9d5}.dimension-fields{display:flex;gap:9px;align-items:end;margin-top:14px}.dimension-fields label{flex:1;font-size:9px;color:#a49b90;min-width:0}.dimension-fields input,.dimension-fields select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:5px;background:#fffefa;padding:9px 8px;font-size:11px;color:#7b756c;height:35px}.dimension-fields>span{color:#b5aca1;align-self:center;padding-top:16px;font-size:12px}.export-area{padding-top:23px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:7px;background:#706080;color:#fff;padding:15px 18px;font-size:12px;letter-spacing:.5px}.primary:hover{background:#604e70}.primary span{font-size:18px}.export-area p{text-align:center;font-size:9px;color:#aaa296;margin:11px 0 0}footer{max-width:1404px;margin:8px auto 0;border-top:1px solid var(--line);padding:22px 0 26px;font-size:11px;color:#a39c91;display:flex;gap:16px}footer>span{font-size:10px}footer>button{margin-left:auto}.compare-badge{position:absolute;top:80px;left:30px;background:#fff9;border:1px solid #ddd;padding:6px 10px;border-radius:4px;font-size:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:90vw;background:#39353feF;color:white;padding:12px 22px;font-size:12px;border-radius:9px;opacity:0;transition:.2s;pointer-events:none;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){main{gap:56px;grid-template-columns:minmax(0,1fr) 390px}.canvas-wrap{max-height:770px}.intro{padding-bottom:30px}}@media(max-width:1100px){.header{padding:0 26px}.header-note{display:none}main{padding:28px 26px;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.controls{padding:19px}h1{font-size:25px}.live{display:none}.canvas-wrap{min-height:0}footer{margin:0 26px}.material-chip{width:34px;height:34px}.preview-footer{gap:10px}.preview-footer .quiet{font-size:10px;padding:9px}}@media(max-width:800px){.header{height:74px;padding:0 20px}.brand{font-size:19px}.brand small{font-size:7px}.header-actions{gap:6px}.header-actions button{font-size:10px;padding:8px}.header-actions span{display:none}main{display:flex;flex-direction:column;gap:22px;padding:25px 18px}.studio{position:static;width:100%}.intro{padding:0 3px 22px}h1{font-size:26px}.subtitle{font-size:11px}.canvas-wrap{min-height:0;aspect-ratio:1/1}.stage-top,.stage-bottom{left:15px;right:15px}.view-tabs button{padding:8px 11px}.controls{padding:23px}.material-chip{width:45px;height:45px}.material strong{font-size:11px}.material small{font-size:9px}.panel-heading h2{font-size:17px}.control-section{padding:23px 0}h3{font-size:13px}.segmented button{font-size:12px}.size-presets button{font-size:11px}.note{font-size:10px}.preview-footer p{font-size:11px}footer{margin:0 20px}.primary{font-size:14px}.live{display:flex;font-size:9px}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* 3D studio */
.shop-bases{grid-template-columns:repeat(3,1fr);gap:8px}.shop-bases .material{padding:9px 3px}.shop-bases .material-chip{width:100%;height:46px;border-radius:6px}.shop-bases .material strong{font-size:10px}.shop-bases .material small{font-size:9px}.shop-edges{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.edge-card{border:1px solid #e8e2d8;background:transparent;border-radius:7px;padding:6px 5px;font-size:9px;display:flex;align-items:center;gap:5px;text-align:left}.edge-card.active{background:#f0eaf6;border-color:#a995bb;color:#695477}.edge-card>i{display:block;flex:0 0 23px;height:26px;border-radius:4px;background-color:var(--material-color)}.edge-card>span{white-space:nowrap}.texture-sand,.texture-glitter{background-image:repeating-linear-gradient(118deg,#ffffff00 0 2px,#ffffff60 2px 3px,#00000025 3px 4px,#ffffff00 4px 7px),linear-gradient(145deg,#fff3,#0003)}.texture-brushed{background-image:repeating-linear-gradient(90deg,#ffffff00 0 1px,#fff5 1px 2px,#0002 2px 3px),linear-gradient(140deg,#b8d1ac88,#fff2,#b695d677)}.texture-holo{background-image:linear-gradient(130deg,#b1c7e466,#b6e4bda0,#faf0bfa0,#e4b3dea0,#bcceee88)}.texture-mirror{background-image:linear-gradient(135deg,#0008,#fff0 28%,#fff9 36%,#0005 42%,#fff1 76%,#fffa 84%,#0004)}.texture-matte{background-image:linear-gradient(125deg,#fff2,#0002)}.texture-none{background-image:linear-gradient(130deg,transparent 45%,#b39ea4 48% 52%,transparent 55%)}.camera-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:13px 1px}.camera-toolbar button{font-size:10px;padding:7px 10px;background:#fff9;border:1px solid #e1ddd4;border-radius:6px}.camera-toolbar button[aria-pressed=true]{background:#e6dfec;border-color:#bba8cc}.mode-badge{font-size:10px;letter-spacing:1px;background:#706080;color:white;padding:7px 8px;border-radius:5px;margin-right:4px}.preview-status{position:absolute;inset:30% 8%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.9;color:#766982;background:#f8f6f0e8;border:1px solid #e3dce9;border-radius:12px;padding:25px;pointer-events:none;z-index:3}.compare-divider{position:absolute;left:50%;top:12%;bottom:12%;width:2px;background:#ffffffb0;pointer-events:none}.compare-badge{pointer-events:none}#explodeControl{padding:0 8px 15px}#preview{touch-action:none}.canvas-wrap{aspect-ratio:1/1}.studio{top:16px}.preview-footer{padding-top:11px}.shop-note{margin-top:4px}@media(max-width:800px){.shop-edges{grid-template-columns:repeat(3,1fr)}.edge-card{font-size:10px;padding:8px}.camera-toolbar{gap:5px}.camera-toolbar button{padding:7px 9px}.stage-bottom{font-size:9px}.shop-bases .material strong{font-size:11px}}
/* Preview modes and independent decorative layers */
.preview-modes{display:flex;align-items:center;gap:5px;margin:0 0 12px}.preview-modes button{padding:9px 18px;border:1px solid #d9d0e0;border-radius:7px;background:transparent;font-size:12px}.preview-modes button.active{background:#72617f;border-color:#72617f;color:white}.preview-modes>span{font-size:10px;color:#989087;margin-left:8px}.canvas-wrap>canvas{position:absolute;inset:0;width:100%;height:100%}.decoration-controls .field{margin-top:15px}.decoration-controls .field select{min-width:130px}.decoration-controls .film-heading{padding-top:18px;border-top:1px solid var(--line);margin-top:20px}.decoration-controls .upload strong{max-width:260px}.decoration-controls .slider-label{margin-bottom:16px}#flatPreview{touch-action:pan-y}@media(max-width:800px){.preview-modes>span{font-size:9px}.preview-modes button{padding:9px 12px}.canvas-wrap{min-height:0}}
.field input[type=number]{width:90px;border:1px solid var(--line);border-radius:5px;padding:7px;background:#fffefa;color:#7b756c}#backingThicknessControl{margin-top:14px}#foilControls{margin-top:16px}#viewHint{max-width:75%;line-height:1.5}@media(max-width:480px){.view-tabs button{padding:8px}.stage-top{left:10px;right:10px}.stage-bottom{font-size:9px}}
.stage-top,.stage-bottom{position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:14px 18px}.stage-top{border-bottom:1px solid #e5e1d755}.stage-bottom{gap:14px;padding-top:8px;padding-bottom:13px}.preview-dimensions{text-align:center;font-size:12px;color:#857a90;padding:5px 12px 0}.canvas-wrap{aspect-ratio:1/1}.compare-badge{top:12px}.compare-divider{top:5%;bottom:5%}@media(max-width:480px){.stage-top,.stage-bottom{padding-left:10px;padding-right:10px}.preview-dimensions{font-size:10px}.stage-top{padding-top:10px;padding-bottom:10px}}
.pattern-template-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.pattern-template-actions .text-button{font-size:11px}
@media(min-width:801px){.canvas-wrap{height:clamp(280px,calc(100dvh - 420px),780px);aspect-ratio:auto;max-height:none}}

.product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}.product-tabs button{padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:#fffefa;color:#706577;font:inherit;cursor:pointer}.product-tabs button.active{background:#786788;color:white;border-color:#786788}#productHelp{margin:0 0 16px;line-height:1.7}#standControls .dimension-fields{margin:14px 0}#standControls{margin:16px 0}#heightField[hidden],#dimensionTimes[hidden]{display:none}@media(max-width:480px){.product-tabs{gap:5px}.product-tabs button{font-size:12px;padding:10px}.product-tabs+ .helper{font-size:11px}}

.texture-plain{background-image:none}.texture-smooth{background-image:linear-gradient(125deg,#0002,#fff4 45%,#0001)}

/* Editing workbench */
.workbench{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fdfcf9;padding:12px}.workbench-bar,.editor-tabs,.editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.workbench button,.studio-dialog button{border:1px solid #ded9e2;border-radius:7px;background:#faf8fc;padding:8px 10px;font-size:12px}.workbench button.active,.workbench button[aria-pressed=true]{background:#766284;color:white}.workbench-bar strong{font-size:13px;margin-right:auto}.editor-tabs{margin:14px 0}.editor-tools{padding:10px 0}.editor-tools label{display:flex;align-items:center;gap:5px;font-size:12px}.editor-tools input[type=number]{width:65px}.editor-tools input,.editor-tools select,.studio-dialog input:not([type=checkbox]):not([type=range]),.studio-dialog select{padding:7px;border:1px solid #dad5de;background:white;border-radius:6px;max-width:100%;min-width:0}.editor-tools input[type=range]{width:110px}.layer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.layer-row{display:flex;border:1px solid #e9e5ea;padding:3px;border-radius:8px}.layer-row.selected{border-color:#9c86b0;background:#f2eef7}.layer-row button{border:0;padding:6px;font-size:11px;background:transparent}.layer-row button:first-child{margin-right:auto}.check-warning{font-size:12px;border-left:3px solid #d17e62;padding:8px 12px;background:#fff4ef;line-height:1.6}#editorCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;touch-action:none;cursor:crosshair}.studio:has(#editorPanel:not([hidden])){position:relative;top:0}.studio-dialog{width:min(760px,94vw);max-height:90dvh;border:1px solid #d6cedd;border-radius:16px;padding:25px;background:#fcfbf8;color:#403947;overflow:auto;box-shadow:0 20px 100px #33294333}.studio-dialog::backdrop{background:#30263770;backdrop-filter:blur(3px)}.studio-dialog h2{font-size:22px;font-weight:500}.studio-dialog p{font-size:13px;line-height:1.7}.studio-dialog .dialog-close{float:right;font-size:20px;padding:2px 10px}.calibration-scroll{overflow:auto;padding:30px 4px}#calibrationLine{height:16px;border:solid #6f5981;border-width:0 2px 2px;min-width:40px}#actualSizeScroll{overflow:auto;max-height:50vh;margin-top:18px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/16px 16px}#actualSizeCanvas{max-width:none;max-height:none;cursor:default;touch-action:pan-x pan-y}.library-dialog{width:min(1060px,96vw)}.library-grid,.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.library-grid article{border:1px solid #ddd6e1;border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.library-grid img{width:100%;height:160px;object-fit:contain;background:#f1eee8;border-radius:6px}.library-grid label{width:100%;font-size:13px;overflow-wrap:anywhere}.comparison-grid figure{margin:0;min-width:0}.comparison-grid canvas{width:100%;height:auto;cursor:default}.comparison-grid figcaption{text-align:center;font-size:13px;padding:10px;overflow-wrap:anywhere}.share-consent{display:block;font-size:13px;margin:14px 0}#shareLink{display:block;width:100%;margin:10px 0}.studio-dialog hr{border:0;border-top:1px solid #e4dce9;margin:22px 0}#shareHistory p{display:flex;flex-wrap:wrap;align-items:center;gap:5px}#shareHistory a{text-decoration:underline}#checkResults>p:first-child{font-size:13px}.workbench input:disabled{opacity:.5}
@media(max-width:600px){.workbench-bar{gap:5px}.workbench-bar strong{width:100%}.workbench{padding:9px}.layer-list{grid-template-columns:1fr 1fr}.studio-dialog{padding:16px}.comparison-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.editor-tools label{max-width:100%}}