:root{color:#28322f;--ink:#28322f;--muted:#7f847c;--line:#dcded5;--accent:#b84927;--surface:#f7f7f1;--radius:9px;--input-border:#879da8;--input-border-focus:#637b87;font-synthesis:none;text-rendering:optimizelegibility;background:#eeede7;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:17px}*{box-sizing:border-box}body{min-width:760px;margin:0}button,input{font:inherit}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}button{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}button:hover{background:#e5e6dd}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible{outline-color:var(--input-border-focus)}button svg,summary svg{flex-shrink:0;width:17px;height:17px}button.primary{background:var(--ink);color:#f5f5ec;border-color:var(--ink)}button.primary:hover{background:#425044}[hidden]{display:none!important}.topbar{background:#f5f5ef;border-bottom:1px solid #d7d9d0;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand strong{letter-spacing:3px;font-size:19px;font-weight:600}.brand div>span{letter-spacing:1.5px;color:var(--muted);margin-top:5px;font-family:Bahnschrift,sans-serif;font-size:10px;display:block}.brand .community-contact{letter-spacing:.2px;color:#66785e;-webkit-user-select:text;user-select:text;margin-top:3px;font-family:inherit;font-size:11px}.brand-mark{clip-path:polygon(50% 0,100% 27%,100% 75%,50% 100%,0 74%,0 27%);background:repeating-linear-gradient(120deg,#0000 0 4px,#28322f 4px 5px);width:33px;height:36px}.topbar nav{gap:7px;display:flex}.topbar .primary{margin-left:8px;padding:11px 17px}main{grid-template-columns:minmax(430px,1fr) 348px;max-width:2000px;min-height:calc(100vh - 82px);margin:auto;display:grid}.preview{flex-direction:column;min-width:0;height:calc(100vh - 82px);min-height:680px;padding:22px 36px 18px;display:flex;position:sticky;top:0}.eyebrow{letter-spacing:1.6px;color:var(--muted);font-family:Bahnschrift,Microsoft YaHei UI,sans-serif;font-size:11px}.stage{background:var(--preview-background,#fff);border:1px solid #d1d6c8;border-radius:12px;flex:1;min-height:435px;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background-image:linear-gradient(var(--preview-grid,#5858581f) 1px, transparent 1px), linear-gradient(90deg, var(--preview-grid,#5858581f) 1px, transparent 1px);background-size:52px 52px;position:absolute;inset:0}.background-controls{z-index:1;color:#28322f;background:#f8f9f0;border:1px solid #d2d7ca;border-radius:7px;align-items:center;gap:3px;padding:4px 7px;font-size:11px;display:flex;position:absolute;top:52px;right:22px}.background-controls>span{margin-right:5px}.background-controls button{padding:5px 7px;font-size:11px}.background-controls button[aria-pressed=true]{color:#fff;background:#344239}.stage.dark-background .stage-meta,.stage.dark-background #size-label,.stage.dark-background .material-tag,.stage.dark-background .material-tag span{color:#ddd}.stage.dark-background #zoom-label{color:#d9ded6;text-shadow:0 1px 3px #1119}.stage-meta{z-index:1;pointer-events:none;color:#7c8678;justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;top:22px;left:22px;right:22px}.material-tag{color:#525e50;font-size:12px}.material-tag>span{letter-spacing:1.4px;color:#92998b;margin-top:5px;font:9px Bahnschrift,sans-serif;display:block}#project-label{text-overflow:ellipsis;white-space:nowrap;max-width:52%;overflow:hidden}#viewport{z-index:0;position:absolute;inset:0}#viewport canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#viewport canvas.dragging{cursor:grabbing}.busy #viewport{pointer-events:none}.stage-hint{white-space:nowrap}.stage-hint i{opacity:.5;margin:0 5px;font-style:normal}.stage-bottom{z-index:1;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:23px;left:22px;right:22px}#size-label,#zoom-label{color:#717b69;font:12px Bahnschrift,sans-serif}.view-cluster{flex-direction:column;align-items:flex-start;gap:7px;display:flex}#zoom-label{color:#667064;text-shadow:0 1px 2px #fff9;padding-left:5px}.view-tools{pointer-events:auto;background:#f8f9f0ed;border:1px solid #d2d7ca;border-radius:9px;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #5b68490b}.view-tools button{padding:7px 10px;font-size:12px}.view-tools button[aria-pressed=true]{background:#dce4d2}.bleed-simulator{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.bleed-offset{color:#5d685b;background:#f8f9f0ed;border:1px solid #d2d7ca;border-radius:6px;align-items:center;gap:8px;padding:4px 7px;font-size:10px;display:flex}.bleed-actions{align-items:center;gap:7px;display:flex}.bleed-reset{background:#f8f9f0ed;border:1px solid #d2d7ca;border-radius:50%;flex:none;width:40px;height:40px;padding:0;box-shadow:0 4px 16px #5b68490b}.bleed-reset svg{width:15px;height:15px}#artwork-offset-label{color:#28322f;font:10px Bahnschrift,sans-serif}.nudge-tools{background:#f8f9f0ed;border:1px solid #d2d7ca;border-radius:9px;gap:3px;padding:4px;display:flex;box-shadow:0 4px 16px #5b68490b}.nudge-tools button{width:31px;height:30px;padding:0;font:16px Bahnschrift,sans-serif}.nudge-tools button:disabled{opacity:.28;cursor:default}.divider{background:#dadfd1;width:1px;margin:6px 3px}.preview-foot{color:#8d9387;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:16px;font-size:11px;display:flex}.preview-status{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.small-dot{vertical-align:1px;background:#758a68;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.inspector{background:var(--surface);border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#b7bdae transparent;padding:30px 24px 22px}.inspector::-webkit-scrollbar{width:9px}.inspector::-webkit-scrollbar-thumb{background:#b7bdae padding-box padding-box;border:2px solid #0000;border-radius:9px}h2{letter-spacing:2px;margin:7px 0 0;font-size:22px;font-weight:500}.project-name{color:var(--muted);align-items:center;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.project-name input{border:none;border-bottom:1px solid var(--input-border);width:100%;min-width:0;color:var(--ink);background:0 0;border-radius:0;flex:1;padding:6px 0;font-size:13px}.face-tabs{background:#e8ebe1;border:1px solid #e0e4d8;border-radius:8px;margin-bottom:22px;padding:4px;display:flex}.face-tabs button{color:#889180;flex:1;gap:34px;padding:8px}.face-tabs button span{font:13px Georgia,serif}.face-tabs button[aria-selected=true]{color:var(--ink);background:#fffefa;box-shadow:0 1px 4px #64724c15}.panel{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}.panel:not([open]){margin-bottom:12px;padding-bottom:6px}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}h3{letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.section-title>span{color:#959c90;font-size:10px}.panel>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:38px;margin:-5px -7px 0;padding:5px 7px;font-size:14px;font-weight:600;list-style:none;transition:background .15s;display:grid}.panel>summary::-webkit-details-marker{display:none}.panel>summary:hover{background:#e9eee3}.panel[open]>summary{margin-bottom:14px}.summary-title{align-items:center;gap:7px;display:flex}.summary-add{color:#4e654a;white-space:nowrap;background:#f1f5eb;border:1px solid #bdcbb7;border-radius:6px;flex-shrink:0;place-items:center;height:23px;padding:0 8px;font-size:11px;font-weight:400;display:grid}.summary-add:hover{background:#dfe9d8;border-color:#8ea385}.summary-meta{color:#959c90;font-size:10px;font-weight:400}.chevron{color:#4e654a;background:#f1f5eb;border:1px solid #bdcbb7;border-radius:6px;place-items:center;width:27px;height:27px;transition:background .15s,border-color .15s;display:grid}.chevron:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.panel:not([open]) .chevron:after{transform:translate(-2px)rotate(-45deg)}.panel>summary:hover .chevron{background:#dfe9d8;border-color:#8ea385}.psd-import{background:#fafaf4;border:1px dashed #cfd6c7;border-radius:6px;align-items:center;gap:8px;margin:0 0 20px;padding:10px;display:flex}.psd-import button{color:#42513f;background:#f1f3ea;border-color:#d5dccd;flex:1;min-width:0;padding:8px 10px}.psd-import button>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.psd-import button:hover{background:#e5eadf}.psd-import>span:not(.color-mode-warning){display:none}.layer-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.thumbnail{color:#9da794;background-color:#fff;background-image:conic-gradient(#e3e5de 25%, transparent 0 50%, #e3e5de 0 75%, transparent 0);background-size:10px 10px;border:1px solid #dce0d5;border-radius:5px;flex-shrink:0;place-items:center;width:44px;height:48px;font:21px Georgia,serif;display:grid;overflow:hidden}.thumbnail img{object-fit:contain;width:100%;height:100%}.thumbnail svg{width:19px}.layer-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.layer-info strong{align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.layer-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.color-mode-warning{color:#fff;cursor:help;background:#bd372d;border-radius:50%;flex:0 0 15px;justify-content:center;align-items:center;width:15px;height:15px;font:700 12px/1 Arial,sans-serif;display:inline-flex}.color-mode-warning:focus-visible{outline-offset:2px;outline:2px solid #bd372d}.layer-info>span{color:#8e9588;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.icon-button{border:1px solid #dce0d5;border-radius:5px;padding:6px}.icon-button svg{width:14px;height:14px}.remove{color:#959d8c;padding:4px 0;font-size:18px}.psd-layer-select{color:#42513f;background:#f1f3ea;border:1px solid #cbd5c4;flex-shrink:0;padding:6px 8px;font-size:11px}.white-modes,.shape-modes{border:1px solid #d7dece;border-radius:5px;margin:15px 0 9px;display:flex;overflow:hidden}.white-modes button,.shape-modes button{border:none;border-radius:0;flex:1;padding:7px 4px;font-size:11px}.white-modes button+button,.shape-modes button+button{border-left:1px solid #d7dece}.white-modes button[aria-pressed=true],.shape-modes button[aria-pressed=true]{color:#405239;background:#e0e7d8}.field-note{color:#959d8d;margin:8px 0 0;font-size:11px;line-height:1.7}.field-note a{color:#64745a;text-underline-offset:2px;white-space:nowrap}.field-note.warning{color:#aa6235}.custom-shape-upload>.field-note,#stamp-note,#stamp-method-note,#uv-note,#reverse-note,#white-note,.stamp-layer>.field-note,[data-stamp-id=stamp-method-note]{display:none}#reverse-note.warning,#white-note.warning{display:block}.button-help-tooltip{z-index:120;color:#42513f;pointer-events:none;background:#f7f8f0;border:1px solid #9caa98;border-radius:6px;max-width:min(280px,100vw - 16px);padding:9px 11px;font-size:12px;line-height:1.55;position:fixed;box-shadow:0 8px 22px #2031202e}.button-help-tooltip[hidden]{display:none}.uv-layer{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px}.stamp-color-preview{color:#7f8b74;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.stamp-color-preview input{border:1px solid var(--input-border);color:#52604c;width:76px;font:inherit;text-align:right;background:#fcfcf7;border-radius:4px;margin-left:auto;padding:4px 5px}.stamp-color-preview input:focus,.stamp-color-preview input:not([readonly]){border-color:var(--input-border-focus);background:#fff;outline:none}[data-stamp-id=stamp-color-chip]{border:1px solid #b8bfb0;border-radius:4px;width:25px;height:22px}input.stamp-range[type=range]{appearance:none;border:1px solid #c4cabd;border-radius:8px;height:8px}[data-stamp-id=stampHue]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}[data-stamp-id=stampSaturation]{background:linear-gradient(90deg, var(--stamp-neutral-color,#fff), var(--stamp-pure-color,#ffbf00))}[data-stamp-id=stampBrightness]{background:linear-gradient(90deg, #000, var(--stamp-full-brightness-color,#ffbf00))}.stamp-range::-webkit-slider-thumb{appearance:none;background:#4e5e47;border:2px solid #fff;border-radius:4px;width:14px;height:18px;box-shadow:0 0 0 1px #5c6b53}.stamp-range::-moz-range-thumb{background:#4e5e47;border:2px solid #fff;border-radius:4px;width:10px;height:14px;box-shadow:0 0 0 1px #5c6b53}.substrate{align-items:center;gap:10px;display:flex}.foil-chip{background:linear-gradient(118deg,#d0d9d4,#aad5cf,#d6d8a5,#e1beb3,#bdc7d6,#d2ddc8);border:1px solid #cdd6c4;border-radius:4px;width:44px;height:36px}.pillar-chip{background:repeating-linear-gradient(90deg,#6d929c 0,#e7f4ec 3px,#e1d596 5px,#d99eb6 7px,#6d929c 11px)}.diamond-chip{background:repeating-linear-gradient(45deg,#0000 0 6px,#ffffffb0 7px,#0000 8px),repeating-linear-gradient(-45deg,#0000 0 6px,#ffffffb0 7px,#0000 8px),linear-gradient(110deg,#8da9b2,#d7b5cb,#c9ddc3,#bdc7dd)}.ice-chip{background:repeating-conic-gradient(from 23deg,#bad8d9 0deg 65deg,#e2cfb7 65deg 145deg,#b6bfc8 145deg 230deg,#e3dfcc 230deg 295deg,#bad8d9 295deg 360deg) 0 0/13px 9px}#material-label{font-weight:inherit}.water-chip{background:repeating-radial-gradient(at 15% 130%,#b6cdd3 0 3px,#e4d8be 5px,#c6b9d2 7px,#c6ded7 10px,#b6cdd3 13px)}.marble-chip{background:repeating-conic-gradient(from 35deg at 10% 160%,#e5e5df 0deg 6deg,#8c919d 7deg,#d4cedd 8deg,#f1eee4 10deg 16deg)}.star-chip{background:radial-gradient(circle at 22% 25%,#fff 0 2px,#0000 3px),radial-gradient(circle at 72% 60%,#c9d5ff 0 1px,#0000 2px),linear-gradient(135deg,#101b46,#403e86)}.silver-chip{background:linear-gradient(120deg,#777 0%,#ddd 24%,#fafafa 38%,#999 55%,#ddd 78%,#888 100%)}.paper-chip{background:repeating-conic-gradient(from 27deg at 35% 60%,#c4c4c4 0deg 20deg,#d8cc77 23deg,#e2b8b3 28deg,#b8b8b8 34deg 65deg,#a2bdd9 69deg,#b8b8b8 78deg 105deg)}[aria-label=镭射底材]{grid-template-columns:repeat(3,1fr);display:grid}[aria-label=镭射底材] button:nth-child(3n+1){border-left:none}[aria-label=镭射底材] button:nth-child(n+4){border-top:1px solid #d7dece}.substrate strong{font-size:13px;font-weight:500;display:block}.substrate div>span{color:#99a08f;margin-top:5px;font-size:10px;display:block}.number-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.number-grid label{color:#818c77;font-size:12px}.number-grid input{border:1px solid var(--input-border);width:100%;color:var(--ink);background:#fcfcf7;border-radius:5px;margin-top:6px;padding:8px 10px;font-family:Bahnschrift,sans-serif;font-size:14px;display:block}.dimension-input{margin-top:6px;display:block;position:relative}.number-grid .dimension-input input{margin-top:0;padding-right:64px}.dimension-unit{color:#b5bcaf;opacity:.5;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.field-group-title{color:#818c77;margin-top:2px;font-size:12px;display:block}.shape-settings{margin-top:13px}.dimension-divider{background:var(--line);height:1px;margin:17px 0 14px}.common-dimensions{margin-top:0}.custom-shape-upload{background:#fafaf4;border:1px dashed #cfd6c7;border-radius:6px;margin-top:13px;padding:13px}.custom-shape-upload .layer-row{margin-bottom:0}.custom-shape-upload .field-note{margin-top:10px}.range-label{color:#7f8b74;justify-content:space-between;align-items:center;min-height:20px;margin:18px 0 8px;font-size:12px;display:flex}.range-label output{cursor:text;border-bottom:1px dashed}.range-label output:focus-visible{outline-offset:2px;outline:2px solid #bd7c28}.range-value-editor{border:1px solid var(--input-border);min-height:20px;color:var(--ink);background:#fcfcf7;border-radius:4px;align-items:center;gap:2px;padding:0 4px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.range-value-editor:focus-within{border-color:var(--input-border-focus);box-shadow:0 0 0 2px #637b8726}.range-number-input{width:37px;min-width:0;color:var(--ink);text-align:right;background:0 0;border:0;outline:none;padding:0;font:12px/16px Bahnschrift,sans-serif}.range-number-input:focus-visible{outline:none}.range-value-unit{color:#7f8b74;font:12px/16px Bahnschrift,sans-serif}output{color:#6d7e60;font-family:Bahnschrift,sans-serif}input[type=range]{accent-color:#637b51;cursor:pointer;width:100%;height:4px;margin:0;display:block}.inline-number{color:#7f8b74;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.inline-number input{border:1px solid var(--input-border);width:60px;color:var(--ink);background:#fcfcf7;border-radius:4px;padding:4px}.project-name input:focus,.number-grid input:focus,.inline-number input:focus{border-color:var(--input-border-focus)}.stage-error,.stage-empty{z-index:2;text-align:center;background:#f8f8f1f5;border:1px solid #d8c7af;border-radius:8px;width:min(400px,80%);padding:25px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.stage-error strong,.stage-empty strong{font-size:17px;font-weight:500}.stage-error p,.stage-empty p{color:#897b69;font-size:13px;line-height:1.8}.stage-empty{border-color:#cad4c4}#toast{z-index:100;color:#fffef6;background:#28372fee;border-radius:8px;max-width:70vw;padding:13px 20px;font-size:13px;line-height:1.7;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 6px 26px #28372f22}#toast.error{background:#904321f5}dialog{width:470px;color:var(--ink);background:var(--surface);border:1px solid #d5dbc9;border-radius:12px;padding:28px;box-shadow:0 25px 120px #16221133}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18271e66}dialog h2{margin-top:12px;font-size:24px}dialog p{color:#818c76;margin:20px 0 25px;font-size:14px;line-height:1.8}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}#psd-layer-dialog{width:min(540px,100vw - 32px);max-height:calc(100vh - 48px);padding:22px}.psd-picker-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.psd-picker-heading h2{margin:0;font-size:19px}#close-psd-picker{padding:2px 8px;font-size:24px}#psd-layer-source{overflow-wrap:anywhere;margin:7px 0 14px;font-size:13px}#psd-layer-search{border:1px solid var(--input-border);width:100%;color:var(--ink);background:#fcfcf7;border-radius:6px;padding:9px 11px;font-size:13px}#psd-layer-list{gap:6px;max-height:min(430px,48vh);margin:14px 0;display:grid;overflow-y:auto}.psd-layer-option{text-align:left;border:1px solid #dce0d5;justify-content:space-between;gap:16px;width:100%;padding:10px 12px}.psd-layer-option[aria-pressed=true]{background:#e7eddf;border-color:#879c7a}.psd-layer-option>span:first-child{gap:5px;min-width:0;display:grid}.psd-layer-option strong{overflow-wrap:anywhere;white-space:normal;font-size:13px;font-weight:500}.psd-layer-option small{color:#818c76;overflow-wrap:anywhere;white-space:normal;font-size:11px}.psd-layer-option>span:last-child{color:#728366;flex-shrink:0;font-size:11px}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage{animation:.6s ease-out 80ms both reveal}@media (width>=1600px){main{grid-template-columns:minmax(430px,1fr) 380px}.preview{padding:26px 52px 22px}.inspector{padding:35px 30px}}@media (width>=781px){body{overflow:hidden}main{height:calc(100vh - 82px);min-height:0}.preview{height:100%;min-height:0}.inspector{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}}@media (width<=1100px){.topbar{padding:0 20px}.preview{padding:20px 20px 16px}main{grid-template-columns:minmax(400px,1fr) 320px}.inspector{padding:26px 18px}.topbar nav{gap:0}.stage-bottom{left:12px;right:12px}}@media (width<=780px){body{min-width:360px}main{flex-direction:column;display:flex}.preview{height:690px;min-height:0;position:relative}.inspector{border-left:none;border-top:1px solid var(--line)}.topbar{flex-wrap:wrap;gap:15px;height:auto;min-height:82px;padding:16px}.topbar nav{justify-content:space-between;width:100%}.brand strong{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=480px){.topbar nav button{gap:4px;padding:8px 6px;font-size:11px}.topbar nav button.primary{margin-left:0;padding:8px}.stage-bottom{flex-wrap:wrap;justify-content:flex-start}}