@font-face{font-family:Luodian Display;src:url(/assets/ZCOOLXiaoWei-Regular-AJsrPXjX.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{color:#e8e4d9;font-synthesis:none;text-rendering:optimizelegibility;--ink:#07100e;--ink-deep:#030706;--lacquer:#0c1a16;--lacquer-light:#17241f;--cinnabar:#813832;--cinnabar-light:#b65a4d;--jade:#789b8d;--jade-light:#adc3b8;--silver:#cdd2ce;--gold:#c6a664;--gold-light:#ead6a2;--ivory:#e8e1d2;--muted:#89978f;--line:#d5c19426;--line-jade:#7ea3932e;--display:"Luodian Display", "STKaiti", "KaiTi", serif;background:#060a09;font-family:Microsoft YaHei UI,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:var(--ink-deep);min-width:320px}body{background:var(--ink-deep);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:1px solid var(--gold-light);outline-offset:3px}button:disabled{cursor:not-allowed}h1,h2,p{margin-top:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{--pointer-x:52%;--pointer-y:42%;background:radial-gradient(ellipse 92% 86% at var(--pointer-x) var(--pointer-y), #4c665918, transparent 68%), linear-gradient(112deg, #07120f 0%, #080e0c 48%, #130e0d 100%);min-height:100vh;padding:8px 18px 14px;position:relative;overflow:hidden}.app-shell:before{z-index:0;content:"";pointer-events:none;opacity:.25;background:repeating-linear-gradient(101deg,#0000 0 42px,#e7dcbf05 43px,#0000 44px 92px),linear-gradient(96deg,#0000 0 37%,#ffffff05 48%,#0000 62%);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000000bf 72%,#0000);mask-image:linear-gradient(#000,#000000bf 72%,#0000)}.masthead,.workspace{z-index:1;width:min(100%,1820px);margin-inline:auto;position:relative}.masthead{border-bottom:1px solid #cdb1742e;grid-template-columns:276px minmax(680px,1fr);align-items:center;gap:14px;height:70px;display:grid}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#ead8a9;background:radial-gradient(circle at 35% 27%,#f2dba73d,#0000 26%),linear-gradient(145deg,#703931eb,#18372ef5);border:1px solid #dec68f6b;border-radius:50% 46% 52% 48%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:inset 0 0 0 4px #050d0b61,0 8px 24px #00000052}.brand-mark:after{content:"";border:1px solid #e8d7ad33;border-radius:48% 52% 45% 55%;position:absolute;inset:5px}.brand-mark span{z-index:1;font-family:var(--display);font-size:18px;position:relative;transform:rotate(5deg)}.brand-lockup h1{font-family:var(--display);white-space:nowrap;margin:0 0 3px;font-size:27px;font-weight:400;line-height:1}.brand-lockup p{color:#778c82;margin:0;font-size:9px}.step-nav{align-self:stretch;min-width:0}.step-nav ol{grid-template-columns:repeat(7,minmax(82px,1fr));height:100%;margin:0;padding:0;list-style:none;display:grid}.step-nav li{color:#718078;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 5px;font-size:9.5px;display:flex;position:relative}.step-nav li:after{content:"";background:#cfb47747;border-radius:50%;width:3px;height:3px;position:absolute;right:0}.step-nav li:last-child:after{display:none}.step-nav li.active{z-index:1;color:#f1e2bb}.step-nav li.active:before{z-index:-1;content:"";opacity:.9;clip-path:polygon(4% 12%,93% 0,100% 76%,84% 100%,9% 90%,0 48%);background:linear-gradient(105deg,#692521e0,#8b3931eb 55%,#5b2422a3);position:absolute;inset:14px 3px 12px;box-shadow:0 8px 20px #0003}.step-number{font-family:Georgia,serif;font-size:12px}.workspace{background:#0b1210;border-radius:5px;height:calc(100vh - 92px);min-height:640px;overflow:hidden;box-shadow:0 24px 80px #0000004d}.display-column,.jewelry-stage{position:absolute;inset:0}.display-column{z-index:1;overflow:hidden}.jewelry-stage{isolation:isolate;background:radial-gradient(ellipse 70% 58% at var(--pointer-x) var(--pointer-y), #dfd1ae21, transparent 66%), linear-gradient(90deg, #030a0861, transparent 25%, transparent 72%, #0a060561), linear-gradient(180deg, #050c0a14, #04090840), url(/assets/workbench-studio-v1-RRDcj00n.webp) center / cover no-repeat;transition:background .28s;overflow:hidden}.jewelry-stage:before{display:none}.jewelry-stage:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#040b0999,#0000 24% 75%,#0d080894),linear-gradient(106deg,#0000 34%,#e7dcbf07 49%,#0000 62%);position:absolute;inset:0}.jewelry-stage.light-sunset{background:radial-gradient(ellipse 70% 58% at var(--pointer-x) var(--pointer-y), #c4674433, transparent 66%), linear-gradient(90deg, #1007056b, transparent 28%, transparent 70%, #210c0859), linear-gradient(180deg, #441f131f, #11080557), url(/assets/workbench-studio-v1-RRDcj00n.webp) center / cover no-repeat}.jewelry-stage.light-moon{background:radial-gradient(ellipse 70% 58% at var(--pointer-x) var(--pointer-y), #5c91a130, transparent 66%), linear-gradient(90deg, #020a0d7a, transparent 27%, transparent 72%, #050d126b), linear-gradient(180deg, #12313a29, #030d116b), url(/assets/workbench-studio-v1-RRDcj00n.webp) center / cover no-repeat}.workbench-props{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.silk-fold{opacity:.58;filter:blur(.3px);background:linear-gradient(151deg,#0000 0 12%,#7a9a8b33 13% 23%,#0000 24% 35%,#577b6b2e 36% 48%,#0000 49%),linear-gradient(167deg,#0b1814 0%,#193228 48%,#0a1411 100%);border-radius:56% 44% 18% 25%;width:31%;height:17%;position:absolute;bottom:17%;left:16%;transform:skew(-10deg)rotate(2deg);box-shadow:inset -28px 16px 45px #0000007a,0 15px 22px #0000004d}.silk-fold:before,.silk-fold:after,.silk-fold i{content:"";transform-origin:0;background:linear-gradient(90deg,#0000,#bed5c82e,#0000);height:1px;display:block;position:absolute}.silk-fold:before{width:82%;top:37%;left:5%;transform:rotate(-7deg)}.silk-fold:after{width:74%;top:58%;left:11%;transform:rotate(4deg)}.silk-fold i{width:62%;top:76%;left:18%;transform:rotate(-2deg)}.caliper-prop{opacity:.38;color:#b8b8ad;filter:drop-shadow(0 8px 5px #00000073);width:210px;position:absolute;bottom:21%;right:24%;transform:rotate(-7deg)}.burnisher-prop{opacity:.44;background:linear-gradient(90deg,#3b2419 0 58%,#aa9b79 59% 72%,#ded5bd 73% 100%);border-radius:50% 8px 8px 50%;width:126px;height:14px;position:absolute;bottom:18%;right:27%;transform:rotate(15deg);box-shadow:0 7px 9px #0006}.burnisher-prop:after{content:"";background:linear-gradient(90deg,#aea58e,#e8e0ca);border-radius:0 5px 5px 0;width:27px;height:4px;position:absolute;top:50%;right:-21px;transform:translateY(-50%)}.three-stage{z-index:2;cursor:grab;position:absolute;inset:0 0 108px}.three-stage:active{cursor:grabbing}.three-stage canvas{width:100%;height:100%;display:block}.stage-vignette{z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 150px #00000047}.display-topline{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:22px;left:330px;right:360px}.display-topline>div:first-child>span{color:#74877e;margin-bottom:4px;font-size:9px;display:block}.display-topline h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.preview-state{color:#78877f;align-items:center;gap:7px;font-size:9px;display:flex}.preview-state>span{background:#69766f;border-radius:50%;width:5px;height:5px}.preview-state.ready{color:#abc7ba}.preview-state.ready>span{background:#8fc2aa;box-shadow:0 0 10px #8fc2aa57}.preview-state.dirty{color:#d6b97a}.preview-state.dirty>span{background:#d6b97a}.empty-stage,.scene-loading{z-index:2;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.empty-stage{color:#8c9993;padding:0 340px 70px 310px;transform:translateY(-112px)}.empty-stage-line{background:linear-gradient(90deg,#0000,#ceb3775c,#0000);width:220px;height:1px;margin-bottom:18px}.empty-stage h2{color:#d9d2c1;font-family:var(--display);margin:0 0 9px;font-size:26px;font-weight:400}.empty-stage p{color:#829189;margin:0;font-size:11px}.scene-loading{color:#8f9c95;font-family:var(--display);font-size:15px}.stage-meta{z-index:6;color:#7f9087;pointer-events:none;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;bottom:122px;right:360px}.stage-meta i{background:var(--gold);border-radius:50%;width:3px;height:3px}.display-toolbar{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050d0bb8;border:1px solid #c8b07a29;border-radius:28px;flex-direction:column;gap:3px;padding:4px;display:flex;position:absolute;top:50%;left:328px;transform:translateY(-50%);box-shadow:0 10px 26px #0000003d}.display-toolbar button{color:#8da097;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:color .16s,background .16s,transform .16s;display:grid}.display-toolbar button:hover,.display-toolbar button.active{color:#ecd9a5;background:#caab681f;transform:translateY(-1px)}.display-toolbar button:disabled{opacity:.25;cursor:not-allowed;transform:none}.control-panel,.detail-panel{z-index:7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);min-width:0;position:absolute;top:0;bottom:0}.control-panel{background:linear-gradient(90deg,#040d0af0 0%,#05120ed1 76%,#050f0c38 100%);width:310px;padding:21px 18px 12px 24px;bottom:116px;left:0}.detail-panel{background:linear-gradient(270deg,#050c0af2 0%,#07120fd6 80%,#050f0c33 100%);width:340px;padding:21px 22px 16px 18px;right:0}.control-panel:after,.detail-panel:before{content:"";opacity:.42;background:linear-gradient(#0000,#cab27a29 22%,#71998821 72%,#0000);width:1px;position:absolute;top:4%;bottom:4%}.control-panel:after{right:0}.detail-panel:before{left:0}.panel-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.panel-heading span{color:#6f8278;order:2;font-size:8px}.panel-heading h2,.prompt-heading h2{color:#e6e0d2;font-family:var(--display);margin:0;font-size:21px;font-weight:400}.type-list{gap:4px;margin-bottom:13px;display:grid;position:relative}.type-list:before{z-index:0;content:"";background:linear-gradient(#d3b67659,#73948729);width:1px;position:absolute;top:20px;bottom:20px;left:10px}.type-option{z-index:1;color:#9ba79f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:76px minmax(0,1fr) 15px;align-items:center;gap:8px;min-width:0;height:64px;padding:3px 5px 3px 10px;transition:color .18s,background .2s,transform .18s;display:grid;position:relative}.type-option:before{content:"";background:#08120f;border:1px solid #d3b77875;width:7px;height:7px;position:absolute;top:50%;left:6px;transform:translate(-50%,-50%)rotate(45deg)}.type-option:hover{color:#e5d9bd;background:linear-gradient(90deg,#5a483021,#0000);transform:translate(2px)}.type-option.selected{color:#f0dfb4;background:linear-gradient(90deg,#6c302b4d,#4f452f21 65%,#0000)}.type-option.selected:before{background:#9a3f36;border-color:#e4c577;box-shadow:0 0 0 4px #8b3a3121}.artifact-preview{background:linear-gradient(135deg,#46372a33,#0000 45%),radial-gradient(#637e7121,#0000 70%),#0a1411;border:1px solid #c5b0821f;border-radius:3px;place-items:center;width:72px;height:55px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000052}.artifact-preview:after{content:"";filter:blur(4px);background:#00000057;border-radius:50%;height:7px;position:absolute;bottom:5px;left:7px;right:7px}.artifact-preview img{z-index:1;object-fit:contain;filter:drop-shadow(0 6px 5px #0000007a);width:94%;height:94%;position:relative}.artifact-brooch img{width:100%}.type-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.type-copy strong{color:inherit;font-family:var(--display);font-size:16px;font-weight:400}.type-copy small{color:#687b72;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.selection-gem{background:#75918457;border-radius:50%;width:5px;height:5px}.selected .selection-gem{background:#deb967;box-shadow:0 0 9px #deb9676b}fieldset{border:0;min-width:0;margin:0 0 12px;padding:0}fieldset legend{color:#b6c0ba;margin-bottom:7px;font-size:9px;font-weight:600}.style-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.material-options,.base-material-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.finish-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.style-button,.material-button,.base-material-button,.finish-button{color:#87978f;cursor:pointer;background:0 0;border:0}.style-button{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:74px;padding:0;font-size:9px;transition:color .18s,transform .18s;display:flex;position:relative}.style-button:after,.material-button:after,.base-material-button:after,.finish-button:after{content:"";background:linear-gradient(90deg,#0000,#d9b86f,#0000);width:0;height:1px;transition:width .18s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.style-button:hover,.style-button.selected,.material-button:hover,.material-button.selected,.base-material-button:hover,.base-material-button.selected,.finish-button:hover,.finish-button.selected{color:#eadbb8}.style-button:hover,.style-button.selected{transform:translateY(-2px)}.style-button.selected:after,.material-button.selected:after,.base-material-button.selected:after,.finish-button.selected:after{width:72%}.style-specimen{background:#0a1210;border:1px solid #b9a98433;border-radius:50%;place-items:center;width:54px;height:54px;transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #050c0a57,0 7px 16px #0000004d}.material-swatch img,.base-material-swatch img{max-width:none;height:100%;position:absolute;top:0;left:0}.style-specimen img{object-fit:cover;width:100%;height:100%;display:block}.material-swatch img,.base-material-swatch img{width:500%}.strip-index-0{left:0!important}.strip-index-1{left:-100%!important}.strip-index-2{left:-200%!important}.strip-index-3{left:-300%!important}.strip-index-4{left:-400%!important}.style-button:hover .style-specimen,.style-button.selected .style-specimen{border-color:#e4c47e8a;transform:translateY(-1px)scale(1.05)}.material-button,.base-material-button{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:50px;padding:0;font-size:8px;display:flex;position:relative}.material-swatch{background:#0a1210;border:1px solid #fff3;border-radius:50%;width:34px;height:34px;transition:border-color .18s,transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #050c0a6b,0 4px 9px #00000052}.base-material-swatch{background:#0a1210;border:1px solid #e6dfc92e;border-radius:50%;width:34px;height:34px;transition:border-color .18s,transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 7px #00000047,0 2px 5px #0003}.material-button:hover .material-swatch,.material-button.selected .material-swatch,.base-material-button:hover .base-material-swatch,.base-material-button.selected .base-material-swatch{border-color:#e7c67ead;transform:translateY(-1px)scale(1.06);box-shadow:inset 0 0 0 2px #050c0a57,0 6px 13px #00000057}.finish-fieldset{margin-bottom:0}.finish-button{align-content:start;justify-items:center;gap:2px;min-width:0;height:82px;padding:2px 0 7px;transition:color .18s,transform .18s;display:grid;position:relative}.finish-button:hover,.finish-button.selected{transform:translateY(-2px)}.finish-button strong{color:inherit;font-family:var(--display);font-size:11px;font-weight:400}.finish-button small{color:#687b72;font-size:7px}.finish-swatch{background:#0b1311;border:1px solid #ddc7943d;border-radius:50%;width:50px;height:50px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #050c0a7a,0 6px 13px #00000047}.finish-swatch img{width:300%;max-width:none;height:100%;position:absolute;top:0;left:0}.finish-satin img{left:-100%}.finish-hammered img{left:-200%}.finish-button:hover .finish-swatch,.finish-button.selected .finish-swatch{border-color:#e7c67ead;box-shadow:inset 0 0 0 2px #050c0a61,0 7px 18px #00000057}.detail-heading{margin-bottom:8px}.detail-section{border-bottom:1px solid #849f921c;padding:11px 0}.detail-kicker{color:#a9b5ae;margin-bottom:8px;font-size:9px;font-weight:600;display:block}.cycle-selector{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.cycle-selector button,.connector-cycle>button{color:#c7b98f;cursor:pointer;background:#08110e99;border:1px solid #c1aa7738;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:border-color .16s,color .16s,transform .16s;display:grid}.cycle-selector button:hover,.connector-cycle>button:hover{color:#f0dba5;border-color:#e3c58094;transform:scale(1.05)}.cycle-selector strong{color:#e6d9b7;font-family:var(--display);text-align:center;font-size:17px;font-weight:400}.edge-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.edge-options button{color:#788b82;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0 0 7px;font-size:8px;display:flex;position:relative}.edge-options button:after{content:"";background:linear-gradient(90deg,#0000,#dcb86d,#0000);width:0;height:1px;transition:width .18s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.edge-options button:hover,.edge-options button.selected{color:#e4d8ba}.edge-options button.selected:after{width:76%}.edge-specimen{background:radial-gradient(circle at 37% 28%,#e5d7b41f,#0000 26%),linear-gradient(145deg,#26342e,#0c1512 68%);border:1px solid #809e903b;border-radius:50%;place-items:center;width:66px;height:66px;transition:border-color .18s,transform .18s;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #00000047}.edge-specimen img{object-fit:cover;width:100%;height:100%}.edge-options button:hover .edge-specimen,.edge-options button.selected .edge-specimen{border-color:#e1be779e;transform:translateY(-2px)scale(1.02)}.connector-cycle{grid-template-columns:35px minmax(0,1fr) 35px;align-items:center;gap:8px;display:grid}.connector-cycle>div{justify-content:center;align-items:center;gap:12px;display:flex}.connector-cycle strong{color:#e4d6b3;font-family:var(--display);white-space:nowrap;font-size:15px;font-weight:400}.connection-specimen{place-items:center;width:72px;height:58px;display:grid;overflow:hidden}.connection-specimen img{object-fit:contain;filter:drop-shadow(0 4px 4px #00000059);width:100%;height:100%}.connection-1 img{transform:rotate(7deg)scale(.92)}.connection-2 img{transform:rotate(-8deg)scale(.86)}.measure-group{padding-block:12px 9px}.measure-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.measure-label label{color:#a9b5ae;font-size:9px;font-weight:600}.measure-label span{color:#e7ce91;font-family:Georgia,serif;font-size:11px}.measure-group input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:5px 0 0}.measure-group input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#deb869c2,#71998847);height:2px}.measure-group input[type=range]::-webkit-slider-thumb{appearance:none;background:#c6a35f;border:1px solid #ead09a;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 2px 7px #00000059}.detail-foot{color:#72847b;border-left:1px solid #cfb07066;margin:11px 0 0;padding-left:10px;font-size:8px;line-height:1.55}.density-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.density-options button{color:#7f9188;cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;height:54px;padding:0 0 6px;display:grid;position:relative}.density-options button:after{content:"";background:linear-gradient(90deg,#0000,#dcb86d,#0000);width:0;height:1px;transition:width .18s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.density-options button:hover,.density-options button.selected{color:#e7d8b3}.density-options button.selected:after{width:74%}.density-options strong{font-family:var(--display);font-size:10px;font-weight:400}.density-sample{border:1px solid #bdaa7e42;border-radius:50%;width:58px;height:28px;display:block;position:relative;box-shadow:inset 0 0 10px #0000004d}.density-sample:before,.density-sample:after{content:"";border:1px solid #ceb78047;border-radius:50%;position:absolute;inset:5px 8px}.density-sample:after{inset:9px 16px}.density-sample i{border:1px solid;width:4px;height:4px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.density-sample i:first-child{left:25%}.density-sample i:nth-child(2){left:50%}.density-sample i:nth-child(3){left:75%}.density-0 i:nth-child(2){display:none}.density-1 i{box-shadow:0 -7px 0 -1px}.density-2 i{width:5px;height:5px;box-shadow:0 -7px 0 -1px,0 7px 0 -1px}.density-options button:hover .density-sample,.density-options button.selected .density-sample{background:radial-gradient(#c5a9691f,#0000 72%);border-color:#e1bf779e}.prompt-dock{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(96deg,#0d1915f5,#0c1412e8 62%,#180f0ef0);border:1px solid #c4a96f30;border-radius:4px;min-height:98px;padding:12px 14px 13px 18px;transition:top .26s,bottom .26s,width .26s,transform .26s;position:absolute;box-shadow:0 18px 48px #0000005c,inset 0 1px #e8d7b00a}.prompt-dock.is-centered{width:clamp(520px,100% - 680px,680px);min-height:132px;padding:18px 20px;top:52%;left:50.5%;transform:translate(-50%,-50%)}.prompt-dock.is-docked{bottom:14px;left:328px;right:356px}.prompt-dock:before{content:"";background:linear-gradient(90deg,#0000,#dbb66aa3,#0000);width:36%;height:1px;position:absolute;top:-1px;left:5%}.prompt-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:8px;display:flex}.prompt-heading>div>span{color:#7c8f85;margin-bottom:2px;font-size:8px;display:block}.prompt-heading h2{font-size:18px}.prompt-dock.is-centered .prompt-heading h2{font-size:22px}.prompt-heading p{color:#71837a;align-items:center;gap:5px;margin:0;font-size:8px;display:flex}.prompt-row{grid-template-columns:minmax(0,1fr) 190px;align-items:stretch;gap:10px;display:grid}.textarea-wrap{min-width:0;position:relative}.textarea-wrap textarea{resize:none;color:#e2e5de;background:#040c0a7a;border:0;border-bottom:1px solid #90ad9f38;border-radius:0;width:100%;height:42px;padding:8px 45px 7px 8px;font-size:10px;line-height:1.55;display:block}.prompt-dock.is-centered .textarea-wrap textarea{height:54px;padding-top:11px;font-size:11px}.textarea-wrap textarea::placeholder{color:#64766e}.textarea-wrap>span{color:#65786f;font-family:Georgia,serif;font-size:8px;position:absolute;bottom:6px;right:7px}.generate-button{color:#25150f;cursor:pointer;min-width:0;font-family:var(--display);background:linear-gradient(110deg,#a9473c,#cc6c55 44%,#b75143 72%,#d39466);border:1px solid #e8cc8e80;border-radius:3px;justify-content:center;align-items:center;gap:9px;font-size:16px;transition:filter .18s,transform .18s;display:flex;box-shadow:0 8px 20px #00000040,inset 0 1px #fff3}.generate-button:hover{filter:brightness(1.08)saturate(.92);transform:translateY(-1px)}.generate-button:disabled{color:#77746b;box-shadow:none;opacity:.72;background:#49453d47;border-color:#b5a58226;transform:none}.stage-navigation{z-index:12;pointer-events:none;position:absolute;inset:0}.stage-nav-button{color:#e9d9b1;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 10px 18px #0000005c);background:0 0;border:0;justify-content:center;align-items:center;gap:14px;width:186px;height:66px;padding:8px 22px;transition:color .18s,filter .18s,transform .18s;display:flex;position:absolute;bottom:18px}.stage-nav-button:before,.stage-nav-button:after{content:"";clip-path:polygon(8% 0,92% 0,100% 24%,100% 76%,92% 100%,8% 100%,0 76%,0 24%);position:absolute}.stage-nav-button:before{z-index:-2;background:linear-gradient(112deg,#a1834c,#e2c57f 38%,#725b35 72%,#d9bd76);inset:0}.stage-nav-button:after{z-index:-1;background:radial-gradient(circle at 18% 28%,#d2b3691f,#0000 24%),linear-gradient(116deg,#122720fa,#06110efc 58%,#221412fa);inset:1px}.stage-nav-button span{flex-direction:column;gap:2px;min-width:0;display:flex}.stage-nav-button small{color:#7f9187;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:400;overflow:hidden}.stage-nav-button strong{font-family:Microsoft YaHei UI,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:500}.stage-nav-button:hover:not(:disabled){color:#fff0c7;filter:drop-shadow(0 12px 21px #0000006e);transform:translateY(-2px)}.stage-nav-button:hover:not(:disabled):after,.stage-nav-button.is-active:after{background:radial-gradient(circle at 18% 28%,#eac7752e,#0000 24%),linear-gradient(116deg,#1b342bfc,#081612fc 58%,#4c231ffa)}.stage-nav-button:disabled{color:#5f6a64;cursor:not-allowed;filter:none;opacity:.58}.stage-nav-button:disabled:before{background:linear-gradient(112deg,#414a45,#77786b 42%,#343b37)}.stage-nav-button:disabled:after{background:linear-gradient(116deg,#0e1613f0,#070d0bfa)}.stage-nav-back{text-align:left;justify-content:flex-start;left:22px}.stage-nav-next{text-align:right;justify-content:flex-end;right:22px}.step-two-workspace{isolation:isolate;background:#080b09}.step-two-workspace:before{content:"";opacity:.96;filter:saturate(.82)brightness(.74)contrast(1.08);background:linear-gradient(90deg,#0209071f,#0000 20% 80%,#0209071f),url(/assets/pattern-studio-workbench-v2-C3XlqN8o.png) 50%/cover no-repeat;position:absolute;inset:0}.pattern-studio{z-index:2;color:#e8dfcb;grid-template-columns:minmax(300px,365px) minmax(430px,1fr) minmax(300px,350px);display:grid;position:absolute;inset:0;overflow:hidden}.pattern-library,.pattern-settings{z-index:2;-webkit-backdrop-filter:blur(4px)saturate(.8);backdrop-filter:blur(4px)saturate(.8);background:radial-gradient(circle at 20% 10%,#6f907c1f,#0000 28%),linear-gradient(#04110de0,#030c0aed);align-self:start;height:calc(100% - 100px);padding:22px 24px 18px;position:relative;overflow:hidden auto;box-shadow:0 20px 44px #00000059}.pattern-library::-webkit-scrollbar{width:3px}.pattern-settings::-webkit-scrollbar{width:3px}.pattern-library::-webkit-scrollbar-thumb{background:#d5b46c47}.pattern-settings::-webkit-scrollbar-thumb{background:#d5b46c47}.pattern-library{border-right:1px solid #cdae6942;grid-column:1}.pattern-settings{border-left:1px solid #cdae6942;grid-column:3}.pattern-library:after,.pattern-settings:before{content:"";pointer-events:none;width:52px;position:absolute;top:0;bottom:0}.pattern-library:after{right:-52px;box-shadow:-18px 0 34px #0000006b}.pattern-settings:before{left:-52px;box-shadow:18px 0 34px #0000006b}.pattern-panel-heading{border-bottom:1px solid #cbad6b3d;justify-content:space-between;align-items:flex-end;margin-bottom:14px;padding-bottom:11px;display:flex}.pattern-panel-heading span{color:#788b82;font-size:9px}.pattern-panel-heading h2{color:#eee6d4;font-family:var(--display);margin:0;font-size:25px;font-weight:400;line-height:1}.creation-mode-switch{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px;display:grid}.creation-mode-switch button{color:#b7bdb6;text-align:left;cursor:pointer;background:#0a1914b3;border:1px solid #9fb5a82e;border-radius:3px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:78px;padding:8px 10px;transition:border-color .18s,color .18s,background .18s,transform .18s;display:grid;position:relative}.creation-mode-switch button:hover{transform:translateY(-1px)}.creation-mode-switch button.selected{color:#f0dfb7;background:radial-gradient(circle at 24%,#ba5a3a38,#0000 42%),linear-gradient(115deg,#53281dcc,#0a1914e6);border-color:#e8c476c7;box-shadow:inset 0 0 18px #d9a45314,0 8px 20px #0000003b}.creation-mode-switch button.selected:before{content:"";background:#ad342f;border:1px solid #f0ce80;width:9px;height:9px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 0 3px #a32b2542}.creation-mode-switch strong,.creation-mode-switch small{display:block}.creation-mode-switch strong{font-family:var(--display);white-space:nowrap;margin-bottom:5px;font-size:16px;font-weight:400}.creation-mode-switch small{color:#778a81;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.creation-mode-icon{color:#d6b66d;place-items:center;height:48px;display:grid}.atlas-sprite{background-repeat:no-repeat;background-size:500% 300%;flex:none;display:block}.pattern-asset{object-fit:contain;filter:drop-shadow(0 1px 1px #000000b3);-webkit-user-select:none;user-select:none;background-color:#0000;display:block}.creation-pattern-preview{justify-self:center;width:48px;height:48px}.pattern-rosette{justify-self:center;width:42px;position:relative}.pattern-rosette i{transform-origin:100% 100%;border:1px solid;border-radius:100% 0;width:23px;height:12px;position:absolute}.pattern-rosette i:nth-child(2){transform:rotate(90deg)}.pattern-rosette i:nth-child(3){transform:rotate(180deg)}.pattern-rosette i:nth-child(4){transform:rotate(270deg)}.pattern-reference-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pattern-reference-heading h3{font-family:var(--display);margin:0;font-size:20px;font-weight:400}.pattern-reference-heading span{color:#788a81;font-size:8px}.pattern-categories{grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:10px;display:grid}.pattern-categories button{color:#819087;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;height:31px;padding:0;font-size:9px}.pattern-categories button.selected{color:#f0dfb8;background:linear-gradient(#b88f4747,#b88f470a);border-color:#b99958;border-radius:2px 2px 0 0}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pattern-grid button{color:#c49e58;cursor:pointer;background:linear-gradient(145deg,#ffffff05,#0000 55%),#071410c2;border:1px solid #90a99b33;border-radius:4px;place-items:center;min-width:0;height:88px;padding:3px 4px 6px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.pattern-grid button:hover:not(:disabled){border-color:#dfbe749e;transform:translateY(-2px)}.pattern-grid button.selected{background:radial-gradient(circle at 50% 44%,#d6a84f29,#0000 70%),#0f1e18eb;border-color:#dbb96c;box-shadow:inset 0 0 16px #dcb46014,0 0 0 1px #5e321e99}.pattern-grid button:disabled{cursor:not-allowed}.pattern-grid.is-locked button{color:#987d4f;opacity:.64;filter:saturate(.64)}.pattern-grid button strong{color:#d1cbbb;font-family:var(--display);font-size:11px;font-weight:400}.pattern-thumbnail{width:67px;height:61px}.pattern-lock{color:#8a7043;position:absolute;bottom:8px;right:6px}.pattern-library-note{color:#788a82;justify-content:center;align-items:center;gap:7px;min-height:28px;margin:11px 0 0;font-size:8px;display:flex}.pattern-drafting-stage{z-index:1;background:linear-gradient(90deg,#050b0980,#0000 12% 88%,#050b0980),radial-gradient(66% 72% at 50% 48%,#b07e4314,#0000 75%);grid-area:1/2;align-self:start;min-width:0;height:calc(100% - 100px);padding:38px clamp(24px,3vw,58px) 20px;position:relative;overflow:hidden}.drafting-caption{z-index:4;position:absolute;top:18px;left:24px}.drafting-caption span{color:#8fa297;font-size:8px}.drafting-caption h2{color:#ece2cc;font-family:var(--display);margin:4px 0 2px;font-size:24px;font-weight:400}.drafting-caption p{color:#b59a63;margin:0;font-size:8px}.drafting-board{color:#d3ab64;background:linear-gradient(#bd9b5a09 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#bd9b5a09 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 50% 45%,#3042383d,#0000 54%),#08110fc7;border:1px solid #d1a5578a;border-radius:4px;width:min(100%,720px);height:calc(100% - 50px);min-height:430px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #060b0aa3,inset 0 0 0 8px #c69a5033,0 24px 50px #0000006b}.drafting-board:before,.drafting-board:after{z-index:1;content:"";pointer-events:none;position:absolute}.drafting-board:before{border:1px solid #cfa65b59;inset:15px}.drafting-board:after{border:1px solid #748f8029;inset:21px}.drafting-grid{opacity:.5;background:radial-gradient(circle,#d2ad6629 1px,#0000 1.5px) 0 0/48px 48px;position:absolute;inset:22px}.drafting-axis{z-index:2;opacity:.55;pointer-events:none;position:absolute}.axis-horizontal{border-top:1px dashed #cda65e57;top:50%;left:24px;right:24px}.axis-vertical{border-left:1px dashed #cda65e57;top:24px;bottom:24px;left:50%}.drafting-corner{z-index:3;opacity:.78;border-color:#a47e3e;width:20px;height:20px;position:absolute}.corner-a{border-top:2px solid;border-left:2px solid;top:13px;left:13px}.corner-b{border-top:2px solid;border-right:2px solid;top:13px;right:13px}.corner-c{border-bottom:2px solid;border-left:2px solid;bottom:13px;left:13px}.corner-d{border-bottom:2px solid;border-right:2px solid;bottom:13px;right:13px}.drafting-artwork{z-index:3;aspect-ratio:1;color:#d8ae63;width:min(68%,510px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drafting-pattern{aspect-ratio:1;transform-origin:50%;transition:width .18s,transform .18s,left .18s,top .18s,opacity .18s,filter .18s;position:absolute;top:53%;left:50%}.drafting-pattern .pattern-asset{object-fit:contain;filter:drop-shadow(0 0 5px #dcad562e);width:100%;height:100%}.drafting-pattern.tone-champagne{filter:saturate(.68)brightness(1.28)}.drafting-pattern.tone-silver{filter:grayscale()brightness(1.45)contrast(.82)}.drawing-empty-state{color:#788d82;text-align:center;justify-items:center;gap:7px;width:210px;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.drawing-empty-state strong{color:#b9b39f;font-family:var(--display);font-size:17px;font-weight:400}.drawing-empty-state span{font-size:8px;line-height:1.6}.drawing-empty-state svg{color:#b49356}.mini-rosette{border:1px solid #a8884d;border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 0 0 5px #a8884d14}.drafting-scale{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.scale-top{top:17px;left:35px;right:35px}.scale-left{flex-direction:column;top:35px;bottom:35px;left:18px}.drafting-scale i{background:#d6ab5a85;width:1px;height:8px;display:block}.scale-left i{width:8px;height:1px}.drafting-footer{color:#75877e;justify-content:center;align-items:center;gap:13px;width:min(100%,720px);height:42px;margin:0 auto;font-size:8px;display:flex}.drafting-footer i{background:#b79755;border-radius:50%;width:3px;height:3px}.settings-heading{margin-bottom:4px}.setting-section{border-bottom:1px solid #7f9d8d24;padding:14px 0}.setting-section h3{color:#a6b1aa;margin:0 0 10px;font-size:10px;font-weight:600}.brush-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.brush-options button{color:#aab1aa;cursor:pointer;background:#06120e85;border:1px solid #8ba6972b;border-radius:3px;place-items:center;height:91px;padding:8px 3px;display:grid}.brush-options button.selected{color:#f0ddb0;background:radial-gradient(circle,#cc9d4b2e,#0000 72%);border-color:#d9b86f;box-shadow:inset 0 0 14px #d6a74e14}.brush-options strong{font-family:var(--display);font-size:11px;font-weight:400}.brush-asset{width:53px;height:43px}.rotary-control{grid-template-columns:42px 112px 42px;justify-content:center;align-items:center;gap:13px;display:grid}.rotary-control>button,.stepper-control button{color:#ddbd76;cursor:pointer;background:#081611e6;border:1px solid #cdac6647;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.rotary-dial{--dial-value:90deg;background:conic-gradient(from 220deg, #e6bc75 0 var(--dial-value), #7c96883d var(--dial-value) 280deg, transparent 280deg);border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:relative;box-shadow:inset 0 0 0 12px #07130f,inset 0 0 0 13px #dbb56b57}.rotary-dial:after{content:"";background:radial-gradient(circle at 40% 34%,#d6ab5e17,#0000 45%);border:1px solid #d9b36938;border-radius:50%;position:absolute;inset:21px}.rotary-dial strong,.rotary-dial small{z-index:2;position:absolute}.rotary-dial strong{color:#e6c47d;margin-top:-9px;font-family:Georgia,serif;font-size:21px;font-weight:400}.rotary-dial small{color:#9caa9f;margin-top:25px;font-size:8px}.dial-indicator{z-index:3;background:#8e6230;border:1px solid #f0d694;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:calc(50% - 3px)}.ink-options,.stroke-weight-options{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.ink-options button,.stroke-weight-options button{color:#a5aca6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;place-items:center;gap:4px;min-width:0;height:69px;padding:5px;display:grid}.ink-options button.selected,.stroke-weight-options button.selected{color:#eddbb1;background:#9a703114;border-color:#ddb76bad}.ink-options strong,.stroke-weight-options strong{font-family:var(--display);font-size:11px;font-weight:400}.ink-asset{width:49px;height:49px}.weight-asset{width:57px;height:31px}.temper-options,.tone-options,.opacity-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.temper-options button,.tone-options button,.opacity-options button{color:#99a69e;cursor:pointer;background:#07130f8f;border:1px solid #91a99c2b;border-radius:3px;place-items:center;gap:5px;height:53px;display:grid}.temper-options button.selected,.tone-options button.selected,.opacity-options button.selected{color:#eed9ab;background:#a377351a;border-color:#ddb76bb3}.temper-options i{border-top:1px solid #d7b66f;border-radius:50%;width:48px;height:8px;display:block;transform:rotate(-4deg)}.temper-options button:first-child i{border-radius:100%;transform:rotate(-8deg)skewY(-8deg)}.temper-options button:last-child i{border-radius:0;transform:none}.temper-options strong,.tone-options strong,.opacity-options strong{font-family:var(--display);font-size:10px;font-weight:400}.drawing-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.drawing-actions button,.reset-pattern-button{color:#baa570;background:#081410ad;border:1px solid #caa86147;border-radius:3px;justify-content:center;align-items:center;gap:9px;min-height:47px;display:flex}.drawing-actions button:disabled{color:#58655f;opacity:.66}.selected-pattern-card{background:radial-gradient(circle at 15%,#b88e451f,#0000 36%);border:1px solid #b7975445;grid-template-columns:76px 1fr;align-items:center;gap:15px;min-height:86px;padding:8px 12px;display:grid}.selected-pattern-card>span{color:#d5ad62;place-items:center;width:68px;height:68px;display:grid}.selected-pattern-card .pattern-asset{width:100%;height:100%}.selected-pattern-card strong,.selected-pattern-card small{display:block}.selected-pattern-card strong{font-family:var(--display);margin-bottom:5px;font-size:18px;font-weight:400}.selected-pattern-card small{color:#829188;font-size:8px}.stepper-control{grid-template-columns:44px 86px 44px;justify-content:center;align-items:center;gap:8px;display:grid}.stepper-control strong{color:#e0bf76;text-align:center;font-family:Georgia,serif;font-size:20px;font-weight:400}.size-ticks{border-top:1px solid #b79f6a4d;justify-content:space-between;margin:13px 22px 0;display:flex}.size-ticks i{background:#988052;width:1px;height:5px}.rotation-control{grid-template-columns:1fr 58px 1fr;align-items:center;gap:6px;display:grid}.rotation-control button{color:#9daa9f;cursor:pointer;background:#06120e8a;border:1px solid #93ab9e2e;justify-content:center;align-items:center;gap:5px;height:43px;font-size:9px;display:flex}.rotation-control strong{color:#ddbd76;text-align:center;font-family:Georgia,serif;font-size:16px;font-weight:400}.clockwise-icon{transform:scaleX(-1)}.position-section{position:relative}.position-pad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:112px;height:84px;margin:0 auto;display:grid}.position-pad button{color:#c1a663;cursor:pointer;background:#07120fb8;border:1px solid #9cb1a52b;place-items:center;display:grid}.position-pad .pos-up{border-radius:5px 5px 0 0;grid-area:1/2}.position-pad .pos-left{border-radius:5px 0 0 5px;grid-area:2/1}.position-pad .pos-center{grid-area:2/2}.position-pad .pos-right{border-radius:0 5px 5px 0;grid-area:2/3}.position-pad .pos-down{border-radius:0 0 5px 5px;grid-area:3/2}.position-pad .pos-center span{border:1px solid #d5b66d;width:8px;height:8px;transform:rotate(45deg)}.position-value{color:#71837a;font-family:Georgia,serif;font-size:8px;position:absolute;bottom:14px;right:0}.tone-options i{border-radius:50%;width:38px;height:8px;display:block;box-shadow:inset 0 1px #ffffff4d,0 3px 8px #0000004d}.tone-options .tone-antique{background:linear-gradient(90deg,#6e4e23,#d7ad60,#7f5a28)}.tone-options .tone-champagne{background:linear-gradient(90deg,#a18a62,#f0ddb1,#b49a68)}.tone-options .tone-silver{background:linear-gradient(90deg,#6f7875,#e6ebe7,#7e8985)}.opacity-options span{background:#d8b66c;width:42px;height:2px;display:block;box-shadow:0 0 4px #d8b66c40}.mirror-section>button{color:#97a49c;text-align:left;cursor:pointer;background:#07130f99;border:1px solid #94ac9f2e;border-radius:3px;grid-template-columns:48px 1fr;align-items:center;gap:12px;width:100%;height:65px;padding:8px 14px;display:grid}.mirror-section>button.selected{color:#e3c681;border-color:#cfac61}.mirror-section strong,.mirror-section small{display:block}.mirror-section strong{font-family:var(--display);margin-bottom:3px;font-size:14px;font-weight:400}.mirror-section small{color:#78877f;font-size:8px}.reset-pattern-button{cursor:pointer;width:100%;margin-top:16px}.pattern-stage-navigation{z-index:8;grid-area:1/1/auto/-1}@media (width<=1350px) and (width>=981px){.pattern-studio{grid-template-columns:315px minmax(390px,1fr) 305px}.pattern-library,.pattern-settings{padding-inline:17px}.pattern-grid button{height:78px}.pattern-thumbnail{width:58px;height:53px}.creation-mode-switch button{grid-template-columns:40px minmax(0,1fr);padding-inline:7px}.creation-mode-icon{transform:scale(.86)}.brush-options button{height:76px}.brush-asset{width:46px;height:37px}.rotary-control{grid-template-columns:38px 96px 38px;gap:8px}.rotary-dial{width:94px;height:94px}}@media (height<=820px) and (width>=981px){.pattern-library,.pattern-settings,.pattern-drafting-stage{height:calc(100% - 92px)}.pattern-library,.pattern-settings{padding-top:13px;padding-bottom:10px}.pattern-panel-heading{margin-bottom:8px;padding-bottom:7px}.pattern-panel-heading h2{font-size:21px}.creation-mode-switch{margin-bottom:10px}.creation-mode-switch button{height:62px}.creation-mode-icon{height:38px;transform:scale(.8)}.pattern-reference-heading{margin-bottom:5px}.pattern-reference-heading h3{font-size:17px}.pattern-categories{margin-bottom:6px}.pattern-categories button{height:25px}.pattern-grid{gap:4px}.pattern-grid button{height:66px}.pattern-thumbnail{width:46px;height:43px}.pattern-library-note{margin-top:6px}.setting-section{padding:8px 0}.setting-section h3{margin-bottom:6px}.brush-options button{height:62px}.brush-asset{width:40px;height:31px}.rotary-dial{width:78px;height:78px;box-shadow:inset 0 0 0 9px #07130f,inset 0 0 0 10px #dbb56b57}.rotary-control{grid-template-columns:35px 80px 35px;gap:7px}.rotary-control>button{width:34px;height:34px}.ink-options button,.stroke-weight-options button{height:57px}.ink-asset{width:36px;height:36px}.weight-asset{width:43px;height:24px}.drawing-actions{margin-top:8px}.drawing-actions button{min-height:39px}.drafting-board{min-height:390px}}.step-two-preview{z-index:2;color:#899a91;text-align:center;justify-items:center;width:min(460px,100% - 60px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.step-two-index{color:#dcc58c;background:#06100db3;border:1px solid #d7b9756b;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:20px;font-family:Georgia,serif;font-size:19px;display:grid;box-shadow:inset 0 0 0 5px #040a0885,0 14px 34px #00000047}.step-two-preview p{color:#71877c;margin:0 0 8px;font-size:9px}.step-two-preview h2{color:#e7dfcd;font-family:var(--display);margin:0;font-size:34px;font-weight:400}.step-two-preview i{background:linear-gradient(90deg,#0000,#d7b97580,#0000);width:260px;height:1px;margin:22px 0 16px}.step-two-preview small{color:#7d8d85;font-size:10px}.jewelry-stage:fullscreen{background-color:#0b1210}.jewelry-stage:fullscreen .three-stage{inset:0}@media (width<=1350px){.app-shell{padding-inline:12px}.masthead{grid-template-columns:235px minmax(640px,1fr)}.brand-lockup h1{font-size:24px}.control-panel{width:286px;padding-left:18px}.detail-panel{width:316px;padding-right:17px}.display-topline{left:302px;right:334px}.empty-stage{padding-left:286px;padding-right:316px}.prompt-dock.is-docked{left:304px;right:330px}.stage-meta{right:334px}.display-toolbar{left:304px}}@media (width<=1120px){.masthead{grid-template-columns:210px minmax(630px,1fr)}.brand-mark{flex-basis:36px;width:36px;height:36px}.brand-lockup h1{font-size:22px}.step-nav li{font-size:8px}.step-number{font-size:10px}.control-panel{width:266px}.detail-panel{width:296px}.display-topline{left:280px;right:310px}.empty-stage{padding-left:266px;padding-right:296px}.prompt-dock.is-centered{width:clamp(490px,100% - 620px,580px)}.prompt-dock.is-docked{left:282px;right:308px}.stage-meta{right:310px}.display-toolbar{left:282px}.type-option{grid-template-columns:66px minmax(0,1fr) 12px}.artifact-preview{width:62px}.edge-specimen{width:58px;height:58px}}@media (width<=980px){.app-shell{padding:8px;overflow:visible}.masthead{grid-template-columns:1fr;height:auto;min-height:70px}.brand-lockup{min-height:58px}.step-nav{max-width:calc(100vw - 16px);overflow-x:auto}.step-nav ol{min-width:840px;height:48px}.workspace{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.display-column{order:1;height:580px;position:relative}.control-panel,.detail-panel,.prompt-dock{width:100%;position:relative;inset:auto}.control-panel{background:#071511;order:2;padding:24px}.detail-panel{background:#08130f;order:3;padding:24px}.prompt-dock,.prompt-dock.is-centered,.prompt-dock.is-docked{border-radius:0;order:4;width:100%;min-height:98px;margin-top:1px;inset:auto;transform:none}.control-panel:after,.detail-panel:before{display:none}.type-list{grid-template-columns:repeat(3,minmax(0,1fr))}.type-list:before{display:none}.type-option{grid-template-columns:72px minmax(0,1fr);height:78px}.selection-gem{display:none}.display-topline{left:22px;right:22px}.empty-stage{padding:0 24px 60px}.stage-meta{right:22px}.three-stage{inset:0}.display-toolbar{flex-direction:row;inset:auto auto 18px 50%;transform:translate(-50%)}.edge-specimen{width:70px;height:70px}.stage-navigation{background:#07110e;order:5;justify-content:space-between;align-items:center;min-height:84px;padding:9px 14px;display:flex;position:relative}.stage-nav-button{width:180px;position:relative;inset:auto}.step-two-workspace{min-height:560px}}@media (width<=640px){.brand-lockup h1{font-size:25px}.workspace{border-radius:0}.display-column{height:500px}.type-list{grid-template-columns:1fr}.type-option{height:70px}.style-options,.material-options,.base-material-options{gap:4px}.prompt-row{grid-template-columns:1fr}.generate-button{min-height:44px}.prompt-heading{flex-direction:column;align-items:flex-start;gap:4px}.edge-specimen{width:62px;height:62px}.stage-nav-button{width:145px;height:58px;padding-inline:14px}.stage-nav-button small{display:none}}@media (height>=900px) and (width>=981px){.control-panel{padding-top:27px}.control-panel .panel-heading{margin-bottom:16px}.type-list{gap:6px;margin-bottom:18px}.type-option{height:70px}.artifact-preview{height:60px}fieldset{margin-bottom:17px}.style-options{gap:3px}.style-button{height:88px;font-size:10px}.style-specimen{width:64px;height:64px}.style-button:hover .style-specimen,.style-button.selected .style-specimen{transform:translateY(-1px)scale(1.03)}.material-button,.base-material-button{height:68px;font-size:9px}.material-swatch,.base-material-swatch{width:46px;height:46px}.finish-button{height:108px}.finish-swatch{width:68px;height:68px}.finish-button strong{font-size:12px}.finish-button small{font-size:8px}.detail-panel{padding-top:27px}.detail-heading{margin-bottom:10px}.detail-section{padding:18px 0}.density-options button{height:60px}}@media (height<=820px) and (width>=981px){.masthead{height:62px}.workspace{height:calc(100vh - 84px);min-height:620px}.control-panel{padding-top:14px;bottom:108px}.detail-panel{padding-top:14px}.panel-heading{margin-bottom:7px}.panel-heading h2{font-size:19px}.type-list{gap:2px;margin-bottom:8px}.type-option{height:61px}.artifact-preview{height:53px}fieldset{margin-bottom:7px}.style-button{height:68px}.style-specimen{width:50px;height:50px}.style-specimen i{width:23px;height:23px}.material-button,.base-material-button{gap:2px;height:41px}.material-swatch,.base-material-swatch{width:27px;height:27px}.finish-button{height:61px}.finish-swatch{width:38px;height:38px}.finish-button small{display:none}.detail-section{padding:7px 0}.edge-specimen{width:53px;height:53px}.connector-cycle>div{gap:7px}.connection-specimen{width:52px;height:38px}.measure-group{padding-block:7px 5px}.detail-foot{margin-top:7px}.density-options button{height:45px}.density-sample{width:50px;height:23px}.prompt-dock.is-docked{min-height:90px;padding-top:9px;padding-bottom:9px}.prompt-heading{margin-bottom:5px}.prompt-heading h2{font-size:16px}.three-stage{bottom:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.drawing-surface{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.desktop-drawing-surface{z-index:4;width:calc(100% - 56px);height:calc(100% - 56px);position:absolute;inset:28px}.draw-pad-document,.draw-pad-document body,.draw-pad-document #root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.draw-pad-page{color:#e8dfcb;background:linear-gradient(#030908c2,#030908d6),url(/assets/pattern-studio-workbench-v2-C3XlqN8o.png) 50%/cover no-repeat;grid-template-rows:66px minmax(0,1fr) 138px;width:100%;height:100dvh;min-height:0;display:grid;position:relative}.draw-pad-page:after{z-index:0;content:"";pointer-events:none;border:1px solid #cda15059;position:absolute;inset:0}.draw-pad-header,.draw-pad-workspace,.draw-pad-toolbar{z-index:1;position:relative}.draw-pad-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c0ae0;border-bottom:1px solid #c79d5259;justify-content:space-between;align-items:center;padding:9px 24px;display:flex}.draw-pad-brand{align-items:center;gap:12px;display:flex}.draw-pad-brand strong,.draw-pad-brand small{display:block}.draw-pad-brand strong{font-family:var(--display);font-size:22px;font-weight:400}.draw-pad-brand small{color:#84968d;margin-top:2px;font-size:9px}.draw-pad-seal{color:#e5c77f;width:43px;height:43px;font-family:var(--display);background:radial-gradient(circle,#b2733847,#04110deb);border:1px solid #ad8246;border-radius:50%;place-items:center;font-size:21px;display:grid;box-shadow:inset 0 0 0 4px #be944b14}.draw-pad-status{color:#8eaaa0;background:#05130fb3;border:1px solid #789d8b52;justify-content:center;align-items:center;gap:8px;min-width:128px;height:36px;font-size:11px;display:flex}.draw-pad-status.status-connected{color:#acd2bd;border-color:#87c1a57a}.draw-pad-status.status-offline{color:#b38d78}.draw-pad-workspace{min-height:0;padding:9px 14px 8px}.draw-pad-caption{z-index:4;color:#c7aa6d;pointer-events:none;height:32px;font-family:var(--display);align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;top:25px;left:34px}.draw-pad-caption i{color:#87998f;border:1px solid #c9a25747;border-radius:50%;place-items:center;min-width:22px;height:22px;font-family:Georgia,serif;font-size:9px;font-style:normal;display:grid}.draw-pad-board{background:linear-gradient(#ba995609 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ba995609 1px,#0000 1px) 0 0/32px 32px,radial-gradient(at 50% 46%,#25403552,#0000 66%),#030f0ceb;border:1px solid #d5ae607a;border-radius:4px;width:100%;height:100%;min-height:330px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 7px #0209078c,inset 0 0 0 8px #cea85b29,0 18px 40px #0000004d}.draw-pad-board:before{content:"";pointer-events:none;border:1px solid #caa35838;position:absolute;inset:15px}.draw-pad-axis{z-index:1;pointer-events:none;opacity:.42;position:absolute}.draw-pad-axis.axis-x{border-top:1px dashed #caa86142;top:50%;left:20px;right:20px}.draw-pad-axis.axis-y{border-left:1px dashed #caa86142;top:20px;bottom:20px;left:50%}.ipad-drawing-surface{z-index:2;width:calc(100% - 36px);height:calc(100% - 36px);position:absolute;inset:18px}.draw-pad-pressure{z-index:4;pointer-events:none;background:#7f978b2e;width:96px;height:3px;position:absolute;bottom:20px;right:24px;overflow:hidden}.draw-pad-pressure span{transform-origin:0;background:linear-gradient(90deg,#8aa99a,#e1bd73);width:100%;height:100%;transition:transform 60ms linear;display:block}.draw-pad-toolbar{min-height:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c0ae6;border-top:1px solid #c99e5252;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;overflow:hidden}.draw-pad-parameters{grid-template-columns:1.5fr .82fr .88fr 1.05fr .92fr;gap:8px;min-width:0;display:grid}.draw-pad-control-group{background:#05120e94;border:1px solid #84a09129;min-width:0;padding:6px}.draw-pad-control-group>strong{color:#82978c;font-family:var(--display);margin-bottom:5px;font-size:10px;font-weight:400;display:block}.draw-pad-control-group>div{gap:4px;min-width:0;display:flex}.draw-pad-control-group button{color:#899b92;min-width:0;height:34px;font-family:var(--display);white-space:nowrap;background:#020c09b3;border:1px solid #84a09133;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:10px;display:flex}.draw-pad-control-group button.selected{color:#f0d79e;background:#90662c2e;border-color:#d1aa60;box-shadow:inset 0 -1px #deb25b73}.width-control button{flex-direction:column;gap:3px}.width-control button i{background:currentColor;border-radius:999px;width:25px;display:block}.ink-control button{padding:0}.ink-control button i{border:1px solid #fff3;border-radius:50%;width:18px;height:18px;display:block;box-shadow:inset 0 0 4px #ffffff2e}.draw-pad-actions{gap:6px;display:flex}.draw-pad-actions button{color:#d4b670;background:#06130fc7;border:1px solid #c8a45b47;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:58px;height:58px;padding:0;display:flex}.draw-pad-actions button span{font-family:var(--display);white-space:nowrap;font-size:10px}.draw-pad-actions button.danger{color:#c98972}.draw-pad-actions button:disabled{color:#526159;opacity:.55}@media (orientation:portrait) and (width<=820px){.draw-pad-page{grid-template-rows:58px minmax(0,1fr) 190px}.draw-pad-header{padding-inline:14px}.draw-pad-brand strong{font-size:18px}.draw-pad-brand small{display:none}.draw-pad-seal{width:38px;height:38px}.draw-pad-status{width:42px;min-width:42px}.draw-pad-status span{display:none}.draw-pad-workspace{padding:7px}.draw-pad-toolbar{padding:6px 7px calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 48px;gap:6px}.draw-pad-parameters{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.2fr 1fr .85fr;grid-template-areas:"brush brush ink""weight response width";gap:5px}.brush-control{grid-area:brush}.width-control{grid-area:width}.ink-control{grid-area:ink}.weight-control{grid-area:weight}.response-control{grid-area:response}.draw-pad-control-group{padding:5px}.draw-pad-control-group>strong{margin-bottom:3px;font-size:9px}.draw-pad-control-group button{height:30px;padding:0 2px;font-size:9px}.draw-pad-actions{flex-direction:column;gap:4px}.draw-pad-actions button{gap:0;width:44px;height:44px}.draw-pad-actions button span{display:none}}