@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;display:block}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#10263f;--navy-2:#193a58;--paper:#f5f7f8;--white:#fff;--ink:#16202a;--muted:#66717b;--line:#dce2e6;--cyan:#68d2dc;--yellow:#f4c84a;--coral:#ef6b55;--green:#5faa79;--focus:#1677ff;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;background:var(--paper);color:var(--ink);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:var(--paper);min-width:320px}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}}@layer components{.calibration-status{max-width:1440px;min-height:92px;color:var(--navy);background:#fff;border:1px solid #b8c8cf;grid-template-columns:82px minmax(240px,1fr) auto;align-items:center;gap:18px;margin:-42px auto 22px;padding:14px 18px;display:grid;box-shadow:7px 7px #dce6e9}.calibration-status.has-profile{border-color:#68a9b6;box-shadow:7px 7px #ccebef}.calibration-status.is-active{border-left:6px solid var(--cyan)}.calibration-status-mark{background:#e7edef;border:1px solid #76909c;grid-template-columns:repeat(4,1fr);gap:4px;width:78px;height:58px;padding:7px 9px;display:grid;box-shadow:inset 0 0 0 4px #fff}.calibration-status-mark i{background:#d6dde0;border:1px solid #04192740;border-radius:50%;box-shadow:inset -2px -2px #0000001f,inset 2px 2px #ffffff73}.calibration-status-mark i:first-child{background:#feffff}.calibration-status-mark i:nth-child(2){background:#b6b1ba}.calibration-status-mark i:nth-child(3){background:#000}.calibration-status-mark i:nth-child(4){background:#f4c3a5}.calibration-status-mark i:nth-child(5){background:#fc3d46}.calibration-status-mark i:nth-child(6){background:#f4d738}.calibration-status-mark i:nth-child(7){background:#5de035}.calibration-status-mark i:nth-child(8){background:#01aceb}.calibration-status-mark i:nth-child(9){background:#0f54c0}.calibration-status-mark i:nth-child(10){background:#b843c5}.calibration-status-mark i:nth-child(11){background:#f551a2}.calibration-status-mark i:nth-child(12){background:#9d5b3e}.calibration-status-copy{gap:4px;min-width:0;display:grid}.calibration-status-copy>span{color:#48748a;font:800 8px/1 var(--mono);letter-spacing:.13em}.calibration-status-copy strong{font-size:14px}.calibration-status-copy small{color:#61727c;font-size:10px;line-height:1.45}.calibration-status-copy em{color:#8c4b22;font-size:9px;font-style:normal}.calibration-status-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.calibration-status-actions button{cursor:pointer;background:#f8fbfb;border:1px solid #8da2ac;min-height:44px;padding:0 13px;font-size:9px;font-weight:800}.calibration-status-actions .calibration-open{color:#071b28;background:var(--cyan);box-shadow:3px 3px 0 var(--yellow);border-color:#3da2b3}.calibration-status-actions .calibration-reset{color:#8a463a;background:#fff6f3;border-color:#d0a198}.calibration-switch{color:#47616d;cursor:pointer;align-items:center;gap:7px;min-height:44px;font-size:9px;font-weight:750;display:flex}.calibration-switch input{opacity:0;pointer-events:none;position:absolute}.calibration-switch>span{background:#cdd6da;border:1px solid #81959f;border-radius:99px;width:38px;height:22px;transition:background .15s;position:relative}.calibration-switch>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000003d}.calibration-switch input:checked+span{background:var(--cyan);border-color:#267b8d}.calibration-switch input:checked+span:after{transform:translate(16px)}.calibration-switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.pattern-palette-note{background:#f6f9fa;border:1px solid #cad5da;align-items:center;gap:11px;margin:0 0 15px;padding:11px 14px;display:flex}.pattern-palette-note>span{flex:none;grid-template-columns:1fr 1fr;gap:2px;width:38px;height:38px;display:grid;transform:rotate(-4deg)}.pattern-palette-note>span i{background:#b6b1ba;border-radius:50%;box-shadow:inset -2px -2px #00000021}.pattern-palette-note>span i:nth-child(2){background:#f4d738}.pattern-palette-note>span i:nth-child(3){background:#01aceb}.pattern-palette-note>span i:nth-child(4){background:#fc3d46}.pattern-palette-note.is-calibrated{border-left:5px solid var(--cyan);background:#eefafb}.pattern-palette-note>div{gap:3px;min-width:0;display:grid}.pattern-palette-note strong{color:var(--navy);font-size:11px}.pattern-palette-note small{color:#64747c;font-size:8px;line-height:1.4}.calibration-dialog{--calibration-panel:#10263f;z-index:170;min-width:0;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#edf7fa;background:#081927;grid-template-rows:78px minmax(0,1fr) 82px;display:grid;position:fixed;inset:0;overflow:hidden}.calibration-dialog button,.calibration-photo-button{cursor:pointer;min-height:44px}.calibration-dialog button:disabled{opacity:.45;cursor:wait}.calibration-photo-button:has(input:disabled){opacity:.45;cursor:wait}.calibration-dialog-header{border-bottom:4px solid var(--cyan);background:var(--calibration-panel);grid-template-columns:64px minmax(220px,1fr) auto 48px;align-items:center;gap:14px;padding:9px 18px;display:grid;box-shadow:0 8px 26px #0000003d}.calibration-dialog-brand{color:#071b28;background:var(--yellow);width:58px;height:50px;box-shadow:4px 4px 0 var(--cyan);align-items:center;gap:5px;padding:6px;display:flex}.calibration-dialog-brand span{font:900 24px/1 var(--mono)}.calibration-dialog-brand small{font:900 7px/1.3 var(--mono);letter-spacing:.08em}.calibration-dialog-header>div:nth-child(2){gap:5px;min-width:0;display:grid}.calibration-dialog-header>div:nth-child(2)>span{color:#7ea7ba;font:800 8px/1 var(--mono);letter-spacing:.14em}.calibration-dialog-header h2{letter-spacing:-.02em;margin:0;font-size:18px}.calibration-dialog-header h2:focus{outline:none}.calibration-dialog-header h2:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.calibration-dialog-header ol{align-items:center;margin:0;padding:0;list-style:none;display:flex}.calibration-dialog-header li{color:#7896a7;min-width:86px;font:750 8px/1 var(--mono);align-items:center;gap:6px;display:flex;position:relative}.calibration-dialog-header li:not(:last-child):after{content:"";background:#4b697b;width:21px;height:1px;margin-left:auto}.calibration-dialog-header li i{border:1px solid #4b697b;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.calibration-dialog-header li.is-active{color:#fff}.calibration-dialog-header li.is-active i{color:#071b28;border-color:var(--cyan);background:var(--cyan)}.calibration-close{color:#fff;background:#0a1e30;border:1px solid #4b697b;width:44px;height:44px;padding:0;font:300 26px/1 sans-serif}.calibration-dialog-body{overscroll-behavior:contain;min-width:0;min-height:0;color:var(--ink);background-color:#dce5e8;background-image:radial-gradient(#bbc8cd 1px,#0000 1.5px);background-size:11px 11px;padding:26px;overflow:hidden auto}.calibration-dialog-body.step-prepare{align-content:center;justify-items:center;gap:14px;display:grid}.calibration-prep-card{background:#fff;border:1px solid #93a7b0;grid-template-columns:minmax(360px,.9fr) minmax(360px,1.1fr);width:min(1040px,100%);min-height:390px;display:grid;box-shadow:10px 10px #10263f24}.calibration-target-preview{background:#a8b8be;border-right:1px solid #9aadb5;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:1px;padding:24px;display:grid}.calibration-target-preview>span{color:#49616d;min-width:0;font:850 10px/1 var(--mono);background:#e9eef0;align-content:center;place-items:center;gap:8px;display:grid}.calibration-target-preview i{background:var(--bead);border:2px solid #344d59;border-radius:50%;width:36px;height:36px;position:relative;box-shadow:inset -5px -5px #00000021,inset 4px 4px #ffffff59,0 3px 5px #0000002e}.calibration-target-preview i:after{content:"";background:#e9eef0;border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 1px 2px #00000040}.calibration-prep-card>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 46px;display:flex}.calibration-eyebrow{color:#35738a;font:850 8px/1 var(--mono);letter-spacing:.14em}.calibration-prep-card h3{letter-spacing:-.045em;max-width:510px;margin:13px 0 12px;font-size:clamp(25px,3vw,39px);line-height:1.08}.calibration-prep-card p{color:#62717a;max-width:500px;margin:0;font-size:12px;line-height:1.75}.calibration-template-link{color:#fff;background:var(--navy);min-height:44px;box-shadow:4px 4px 0 var(--yellow);align-items:center;margin-top:24px;padding:0 16px;font-size:10px;font-weight:850;text-decoration:none;display:inline-flex}.calibration-privacy-card{background:#ecfafb;border:1px solid #7db5bf;gap:4px;width:min(1040px,100%);padding:13px 16px 13px 58px;display:grid;position:relative}.calibration-privacy-card:before{content:"✓";color:#fff;background:#348493;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.calibration-privacy-card strong{color:#164e59;font-size:11px}.calibration-privacy-card span{color:#4f747b;font-size:9px;line-height:1.5}.calibration-error{color:#7f3027;border:1px solid #d68b80;border-left:5px solid var(--coral);background:#fff1ee;width:min(1040px,100%);margin:0;padding:10px 13px;font-size:10px;line-height:1.5}.calibration-dialog-body.step-align{grid-template-columns:minmax(0,1fr) clamp(280px,26vw,350px);gap:16px;padding:18px;display:grid;overflow:hidden}.calibration-align-stage{place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.calibration-canvas-shell{aspect-ratio:4/3;background:#d8dddf;border:3px solid #10263f;width:min(100%,133.333dvh - 285.333px);max-height:100%;position:relative;overflow:hidden;box-shadow:9px 9px #10263f29}.calibration-canvas-shell canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.calibration-canvas-shell canvas:active{cursor:grabbing}.calibration-target-overlay{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.calibration-target-overlay:before,.calibration-target-overlay:after{content:"";border:1px solid #ffffffdb;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #10263f80}.calibration-target-overlay>span{color:#fff;text-shadow:0 1px 3px #000;font:900 8px/1 var(--mono);border:.5px dashed #ffffff6b;align-content:center;place-items:center;gap:6px;display:grid}.calibration-target-overlay i{aspect-ratio:1;border:2px solid #fff;border-radius:50%;width:14%;box-shadow:0 0 0 2px #10263fbf,inset 0 0 0 1px #10263fbf}.calibration-canvas-shell>p{color:#fff;text-align:center;font:750 8px/1.4 var(--mono);pointer-events:none;background:#071927d1;margin:0;padding:7px;position:absolute;bottom:8px;left:8px;right:8px}.calibration-align-tools{color:#eaf6f9;background:var(--calibration-panel);min-width:0;box-shadow:6px 6px 0 var(--yellow);border:1px solid #37576c;flex-direction:column;align-items:stretch;padding:24px;display:flex}.calibration-align-tools .calibration-eyebrow{color:#78b8c5}.calibration-align-tools h3{letter-spacing:-.035em;margin:12px 0 8px;font-size:23px}.calibration-align-tools>p:not(.calibration-error){color:#93adba;margin:0;font-size:10px;line-height:1.65}.calibration-transform-buttons{grid-template-columns:54px 1fr 54px;gap:7px;margin-top:22px;display:grid}.calibration-transform-buttons button,.calibration-transform-buttons output{color:#fff;background:#091e30;border:1px solid #4b6b7e;place-items:center;min-height:50px;display:grid}.calibration-transform-buttons button{font-size:20px}.calibration-transform-buttons output{color:var(--yellow);font:850 11px/1 var(--mono)}.calibration-transform-buttons .is-wide{grid-column:span 3;font-size:9px;font-weight:800}.calibration-align-tools .calibration-error{width:auto;margin-top:12px}.calibration-privacy-inline{color:#a9cad2;background:#0a2031;border:1px solid #356879;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:8px;display:flex}.calibration-privacy-inline i{background:var(--cyan);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #68d2dc2b}.calibration-dialog-body.step-review{align-content:start;justify-items:center;gap:15px;display:grid}.calibration-score-card{background:#fff;border:1px solid #9ab0b8;grid-template-columns:106px minmax(240px,1fr) auto;align-items:center;gap:22px;width:min(1100px,100%);min-height:142px;padding:20px 23px;display:grid;box-shadow:8px 8px #10263f24}.calibration-score-card.is-good{border-left:7px solid #45a97a}.calibration-score-card.is-review{border-left:7px solid var(--coral)}.calibration-score{width:98px;height:98px;color:var(--navy);background:#eefafb;border:8px solid #dbe8e9;border-radius:50%;grid-template-columns:1fr auto;place-content:center;align-items:end;display:grid;box-shadow:inset 0 0 0 2px #5fae83}.calibration-score strong{font:900 34px/1 var(--mono)}.calibration-score span{padding-bottom:3px;font-size:10px}.calibration-score-card h3{margin:9px 0 5px;font-size:22px}.calibration-score-card p{color:#63727a;margin:0;font-size:10px;line-height:1.55}.calibration-score-card dl{border:1px solid #ccd7db;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.calibration-score-card dl div{border-right:1px solid #d8e0e3;gap:6px;min-width:82px;padding:13px 11px;display:grid}.calibration-score-card dl div:last-child{border:0}.calibration-score-card dt{color:#718089;font-size:8px}.calibration-score-card dd{color:var(--navy);font:900 16px/1 var(--mono);margin:0}.calibration-review-loading{grid-column:1/-1;align-content:center;place-items:center;gap:7px;min-height:100px;display:grid}.calibration-review-loading i{border:4px solid #c8d6da;border-top-color:#2d899b;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite making-spin}.calibration-review-loading span{color:#697982;font-size:9px}.calibration-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:min(1100px,100%);display:grid}.calibration-swatches article{background:#fff;border:1px solid #bdcbd0;grid-template-rows:21px 18px 18px;grid-template-columns:38px 1fr;align-items:center;gap:1px 8px;min-width:0;min-height:96px;padding:10px;display:grid}.calibration-bead{background:var(--sampled);border:2px solid #425762;border-radius:50%;grid-row:1/4;width:36px;height:36px;position:relative;box-shadow:inset -5px -5px #0000001f,inset 4px 4px #ffffff52}.calibration-bead:before{content:"";z-index:-1;background:var(--official);border-radius:50%;position:absolute;inset:-5px}.calibration-bead i{background:#fff;border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 1px 2px #00000040}.calibration-swatches strong{font:900 11px/1 var(--mono)}.calibration-swatches small{color:#6d7c83;font:7px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calibration-dialog-footer{background:#0b2031;border-top:1px solid #36576c;justify-content:flex-end;align-items:center;gap:9px;padding:10px 16px;display:flex;box-shadow:0 -9px 26px #0000002e}.calibration-dialog-footer>div{gap:4px;margin-right:auto;display:grid}.calibration-dialog-footer>div strong{font-size:10px}.calibration-dialog-footer>div span{color:#7f9aaa;font-size:8px}.calibration-dialog-footer button,.calibration-photo-button{color:#fff;background:#0a1f31;border:1px solid #4b6a7d;justify-content:center;align-items:center;min-width:150px;padding:0 18px;font-size:10px;font-weight:850;display:inline-flex}.calibration-photo-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.calibration-photo-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}.calibration-dialog-footer .calibration-primary,.calibration-photo-button{color:#061a26;background:var(--cyan);min-width:230px;min-height:54px;box-shadow:inset 0 -4px #0000001a, 5px 5px 0 var(--yellow);border:0}@media (width<=1180px){.calibration-status{margin-left:24px;margin-right:24px}.calibration-dialog-body.step-align{grid-template-columns:minmax(0,1fr) 300px;gap:10px;padding:12px}.calibration-align-tools{padding:16px}.calibration-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.calibration-status{grid-template-columns:54px minmax(0,1fr);gap:9px;min-height:0;margin:-28px 10px 16px;padding:10px;box-shadow:4px 4px #dce6e9}.calibration-status-mark{gap:2px;width:52px;height:48px;padding:6px}.calibration-status-copy>span{font-size:6px}.calibration-status-copy strong{font-size:11px}.calibration-status-copy small{font-size:8px}.calibration-status-actions{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.calibration-status:not(.has-profile) .calibration-status-actions{grid-template-columns:1fr}.calibration-status-actions .calibration-open,.calibration-switch{min-width:0}.calibration-dialog{grid-template-rows:108px minmax(0,1fr) auto;overflow:hidden}.calibration-dialog-header{padding:calc(7px + env(safe-area-inset-top)) 8px 7px;grid-template-rows:46px 38px;grid-template-columns:48px minmax(0,1fr) 44px;gap:4px 8px}.calibration-dialog-brand{width:44px;height:40px;box-shadow:2px 2px 0 var(--cyan);padding:4px}.calibration-dialog-brand span{font-size:19px}.calibration-dialog-brand small{font-size:5px}.calibration-dialog-header>div:nth-child(2)>span{font-size:6px}.calibration-dialog-header h2{font-size:15px}.calibration-close{grid-area:1/3}.calibration-dialog-header ol{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,1fr);display:grid}.calibration-dialog-header li{justify-content:center;min-width:0;font-size:7px}.calibration-dialog-header li:not(:last-child):after{width:calc(100% - 52px);position:absolute;left:calc(50% + 26px)}.calibration-dialog-header li i{width:21px;height:21px}.calibration-dialog-body{-webkit-overflow-scrolling:touch;padding:9px}.calibration-dialog-body.step-prepare{align-content:start}.calibration-prep-card{grid-template-columns:1fr;min-height:0}.calibration-target-preview{border-bottom:1px solid #9aadb5;border-right:0;min-height:238px;padding:10px}.calibration-target-preview>span{gap:4px;font-size:8px}.calibration-target-preview i{width:28px;height:28px}.calibration-target-preview i:after{inset:9px}.calibration-prep-card>div:last-child{padding:20px 17px 22px}.calibration-prep-card h3{margin:9px 0 8px;font-size:23px}.calibration-prep-card p{font-size:10px}.calibration-template-link{justify-content:center;width:100%;margin-top:14px}.calibration-privacy-card{padding:11px 10px 11px 46px}.calibration-privacy-card:before{left:11px}.calibration-privacy-card strong{font-size:9px}.calibration-privacy-card span{font-size:7px}.calibration-dialog-body.step-align{display:block;overflow-y:auto}.calibration-align-stage{min-height:0;overflow:visible}.calibration-canvas-shell{width:100%;max-height:none;box-shadow:4px 4px #10263f29}.calibration-canvas-shell>p{padding:5px;font-size:6px}.calibration-align-tools{box-shadow:3px 3px 0 var(--yellow);margin-top:9px;padding:13px}.calibration-align-tools h3{margin:8px 0 5px;font-size:18px}.calibration-transform-buttons{grid-template-columns:50px 1fr 50px;margin-top:12px}.calibration-transform-buttons button,.calibration-transform-buttons output{min-height:44px}.calibration-privacy-inline{margin-top:10px}.calibration-dialog-body.step-review{display:block;overflow-y:auto}.calibration-score-card{grid-template-columns:74px 1fr;gap:10px;min-height:0;padding:13px;box-shadow:4px 4px #10263f24}.calibration-score{border-width:5px;width:68px;height:68px}.calibration-score strong{font-size:25px}.calibration-score-card h3{margin:6px 0 4px;font-size:16px}.calibration-score-card p{font-size:8px}.calibration-score-card dl{grid-column:1/-1;width:100%}.calibration-score-card dl div{min-width:0;padding:9px 7px}.calibration-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}.calibration-swatches article{grid-template-columns:34px 1fr;min-height:82px;padding:7px}.calibration-bead{width:31px;height:31px}.calibration-bead i{inset:10px}.calibration-dialog-body.step-review>.calibration-error{margin-top:9px}.calibration-dialog-footer{min-height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:minmax(76px,.7fr) minmax(150px,1.3fr);display:grid}.calibration-dialog-footer>div{display:none}.calibration-dialog-footer button,.calibration-photo-button{text-align:center;min-width:0;min-height:52px;padding:0 8px;font-size:9px}.calibration-dialog-footer .calibration-primary,.calibration-photo-button{min-width:0;min-height:56px;box-shadow:inset 0 -4px #0000001a, 3px 3px 0 var(--yellow)}.calibration-dialog-footer .calibration-photo-button,.calibration-dialog-footer>.calibration-primary:only-of-type{grid-column:1/-1}.pattern-palette-note{padding:9px 10px}}@media (width<=380px){.calibration-status-actions{grid-template-columns:1fr 1fr}.calibration-switch{grid-column:1/-1}.calibration-status-actions .calibration-reset{padding:0 7px}.calibration-target-preview{min-height:210px}}.subject-correction{--subject-panel:#10263f;z-index:145;min-width:0;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#edf7fa;background:#081927;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.subject-correction button{min-width:44px;min-height:44px;color:inherit;cursor:pointer}.subject-correction button:disabled{opacity:.38;cursor:not-allowed}.subject-correction-header{border-bottom:4px solid var(--cyan);background:var(--subject-panel);grid-template-columns:48px minmax(180px,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:10px 18px;display:grid;box-shadow:0 8px 26px #0003}.subject-close{background:#0a1e30;border:1px solid #4c697c;place-items:center;width:44px;height:44px;padding:0;font:400 25px/1 sans-serif;display:grid}.subject-correction-header>div:nth-child(2){gap:5px;min-width:0;display:grid}.subject-correction-header span{color:#76a5ba;font:750 8px/1 var(--mono);letter-spacing:.16em}.subject-correction-header h2{letter-spacing:.02em;margin:0;font-size:18px}.subject-tabs{border:1px solid #49687d;grid-template-columns:1fr 1fr;display:grid}.subject-tabs button{color:#9db6c4;min-width:122px;font:800 10px/1 var(--mono);background:#0a1f31;border:0;padding:0 14px}.subject-tabs button+button{border-left:1px solid #49687d}.subject-tabs button[aria-selected=true]{color:#071b28;background:var(--cyan)}.subject-correction-body{grid-template-columns:minmax(0,1fr) clamp(280px,27vw,360px);min-width:0;min-height:0;display:grid}.subject-stage{background-color:#dce5e8;background-image:radial-gradient(#b7c5ca 1px,#0000 1.5px);background-size:10px 10px;place-items:center;min-width:0;min-height:0;padding:18px;display:grid;overflow:hidden}.subject-canvas-shell{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#e9eef0 25%,#0000 25%),linear-gradient(-45deg,#e9eef0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9eef0 75%),linear-gradient(-45deg,#0000 75%,#e9eef0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #8da4ad;place-items:stretch stretch;width:min(100%,100dvh - 190px);display:grid;position:relative;overflow:hidden;box-shadow:8px 8px #10263f29}.subject-canvas-shell canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.subject-canvas-shell.is-composition canvas{cursor:grab}.subject-canvas-shell.is-composition canvas:active{cursor:grabbing}.subject-canvas-tip{color:#f0f8fa;text-align:center;font:750 8px/1.4 var(--mono);letter-spacing:.04em;pointer-events:none;background:#091f2ed6;padding:7px 9px;position:absolute;bottom:8px;left:8px;right:8px}.subject-loading{min-width:min(420px,100vw - 32px);color:var(--navy);text-align:center;background:#fffffff0;border:1px solid #9eb1b8;justify-items:center;gap:12px;padding:34px 28px;display:grid;box-shadow:7px 7px #10263f1f}.subject-loading .spinner{border:4px solid #cad8dc;border-top-color:#2f8ba0;border-radius:50%;width:38px;height:38px;animation:1s linear infinite making-spin}.subject-loading strong{font-size:15px}.subject-loading small{color:#657680;max-width:330px;line-height:1.55}.subject-loading.is-error{color:#6d2f28;border-color:#d58b7f}.subject-loading.is-error button{color:#fff;background:#9b463b;border:0;padding:0 18px}.subject-tools{overscroll-behavior:contain;background:var(--subject-panel);border-left:1px solid #34536a;align-content:start;gap:12px;min-width:0;min-height:0;padding:14px;display:grid;overflow:hidden auto}.subject-cartridge{min-height:92px;color:var(--navy);background:var(--cyan);box-shadow:5px 5px 0 var(--yellow);border:1px solid #8fc1ca;align-content:center;gap:6px;padding:14px 14px 12px 78px;display:grid;position:relative}.subject-cartridge:before{content:"";background:#2a9eb0;border:8px solid #fff;border-radius:50%;width:42px;height:42px;position:absolute;left:17px;box-shadow:0 0 0 2px #236579,inset 0 0 0 2px #2c8393}.subject-cartridge.is-composition:before{background:repeating-conic-gradient(#d9e2e5 0 25%,#fff 0 50%) 0/12px 12px;border-radius:5px}.subject-cartridge span{color:#245a67;font:900 8px/1 var(--mono);letter-spacing:.15em}.subject-cartridge strong{font-size:15px}.subject-cartridge small{color:#2c6570;font-size:9px;line-height:1.4}.subject-tool-group,.subject-brush-group{border:1px solid #38596f;gap:7px;margin:0;padding:8px;display:grid}.subject-tool-group legend,.subject-brush-group legend{color:#7da1b4;font:750 8px/1 var(--mono);letter-spacing:.12em;padding:0 5px}.subject-tool-group button{color:#b6c9d2;text-align:left;background:#0a1f31;border:1px solid #496a7e;align-items:center;gap:10px;padding:0 11px;font-size:10px;display:flex}.subject-tool-group button i{border:4px solid;border-radius:50%;width:16px;height:16px}.subject-tool-group button.is-keep i{color:var(--cyan)}.subject-tool-group button.is-remove i{color:var(--coral)}.subject-tool-group button[aria-pressed=true]{color:#fff;border-color:var(--yellow);box-shadow:inset 4px 0 var(--yellow);background:#18384e}.subject-brush-group{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-brush-group legend{grid-column:1/-1}.subject-brush-group button{color:#9fb6c2;background:#0a1f31;border:1px solid #496a7e;min-width:0}.subject-brush-group button[aria-pressed=true]{color:#071b28;border-color:var(--cyan);background:var(--cyan);font-weight:900}.subject-history-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.subject-history-actions button{background:#0a1f31;border:1px solid #496a7e;min-width:0;padding:0 8px;font-size:9px}.subject-history-actions button:last-child{grid-column:1/-1}.subject-inline-error{color:#ffe9df;background:#542d2b;border:1px solid #a9594d;margin:0;padding:10px;font-size:9px;line-height:1.45}.subject-scale{background:#0a1f31;border:1px solid #38596f;gap:12px;padding:12px;display:grid}.subject-scale span{color:#a8bdc8;justify-content:space-between;font-size:10px;display:flex}.subject-scale strong{color:var(--yellow);font-family:var(--mono)}.subject-scale input{width:100%;accent-color:var(--cyan)}.subject-size-presets{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.subject-size-presets button,.subject-center,.subject-reset-composition{background:#0a1f31;border:1px solid #496a7e;font-size:9px}.subject-center{background:#133649;border-color:#3c9cad}.subject-correction-footer{background:#0b2031;border-top:1px solid #36576c;grid-template-columns:minmax(0,1fr) auto minmax(190px,260px);align-items:center;gap:10px;min-height:78px;padding:9px 14px;display:grid;box-shadow:0 -9px 26px #0000002e}.subject-correction-footer p{gap:4px;margin:0;display:grid}.subject-correction-footer p strong{font-size:10px}.subject-correction-footer p span{color:#7895a5;font-size:8px}.subject-cancel{background:#0a1f31;border:1px solid #4b6a7d;padding:0 18px}.subject-apply{background:var(--cyan);min-width:190px;box-shadow:inset 0 -4px #0000001a, 5px 5px 0 var(--yellow);border:0;padding:0 18px;font-weight:900;color:#061a26!important}.subject-correction-actions{grid-template-columns:1fr auto;gap:7px;margin-top:9px;display:grid}.subject-correction-actions button{min-height:44px;color:var(--navy);background:#eef8f9;border:1px solid #7ea7b4;padding:0 12px;font-size:9px;font-weight:850}.subject-correction-actions .subject-ready{color:#e9fbff;background:var(--navy);border:1px solid #268fa2;align-items:center;gap:8px;padding:8px 10px;display:flex}.subject-correction-actions .subject-ready i{background:var(--cyan);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 3px #68d2dc2e}.subject-correction-actions .subject-ready span{gap:3px;min-width:0;display:grid}.subject-correction-actions .subject-ready strong{font:850 9px/1 var(--mono)}.subject-correction-actions .subject-ready small{color:#8db3c2;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.subject-ready-buttons{gap:6px;display:flex}.subject-ready-buttons button{min-width:62px;padding:0 9px}.subject-ready-buttons button:last-child{color:#7c3b32;background:#fff4f0;border-color:#d2a096;min-width:48px}@media (width<=700px){.subject-correction{grid-template-rows:auto minmax(0,1fr) auto;overflow-y:auto}.subject-correction-header{z-index:4;min-height:108px;padding:calc(7px + env(safe-area-inset-top)) 8px 7px;grid-template-rows:44px 44px;grid-template-columns:44px minmax(0,1fr);gap:5px 8px;position:sticky;top:0}.subject-correction-header>div:nth-child(2) span{display:none}.subject-correction-header h2{font-size:16px}.subject-tabs{grid-area:2/1/auto/-1}.subject-tabs button{min-width:0;min-height:44px;padding:0 5px;font-size:9px}.subject-correction-body{-webkit-overflow-scrolling:touch;grid-template-rows:minmax(270px,1fr) auto;grid-template-columns:1fr;min-height:0;overflow-y:auto}.subject-stage{min-height:min(52dvh,440px);padding:7px;overflow:visible}.subject-canvas-shell{width:min(100%,52dvh);box-shadow:4px 4px #10263f29}.subject-canvas-tip{padding:5px;font-size:7px;bottom:5px;left:5px;right:5px}.subject-tools{border-top:1px solid #36576c;border-left:0;grid-template-columns:1fr 1fr;gap:7px;min-height:0;padding:8px;overflow:visible}.subject-cartridge{min-height:66px;box-shadow:3px 3px 0 var(--yellow);grid-column:1/-1;padding:9px 8px 8px 64px}.subject-cartridge:before{border-width:6px;width:34px;height:34px;left:13px}.subject-cartridge strong{font-size:12px}.subject-tool-group,.subject-brush-group{min-width:0}.subject-tool-group button{min-width:0;padding:0 6px;font-size:8px}.subject-brush-group button{min-height:48px}.subject-history-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.subject-history-actions button:last-child{grid-column:auto}.subject-scale,.subject-size-presets{grid-column:1/-1}.subject-center,.subject-reset-composition{min-width:0}.subject-inline-error{grid-column:1/-1}.subject-correction-footer{z-index:4;min-height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:72px minmax(0,1fr);position:sticky;bottom:0}.subject-correction-footer p{display:none}.subject-cancel{min-width:0;padding:0 5px}.subject-apply{min-width:0;min-height:54px;box-shadow:inset 0 -4px #0000001a, 3px 3px 0 var(--yellow);padding:0 8px;font-size:10px}.subject-correction-actions{grid-template-columns:1fr}.subject-correction-actions button{width:100%}.subject-ready-buttons{grid-template-columns:1fr 70px;display:grid}}@media (width>=820px) and (width<=1180px) and (orientation:portrait){.subject-correction-body{grid-template-columns:minmax(0,1fr) 300px}.subject-stage{padding:10px}.subject-canvas-shell{width:min(100%,58dvh)}.subject-tools{padding:10px}}.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #2d4862;align-items:center;gap:40px;height:78px;padding:0 max(28px,50vw - 720px);display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand>span:last-child{gap:5px;line-height:1;display:grid}.brand strong{letter-spacing:.08em;font-size:16px}.brand small{color:#95a8b9;font:9px/1 var(--mono);letter-spacing:.22em}.brand-mark{grid-template-columns:repeat(3,1fr);gap:2px;width:36px;height:36px;display:grid;transform:rotate(-5deg)}.brand-mark i{background:var(--cyan);border-radius:50%;box-shadow:inset -2px -2px #00000029,inset 2px 2px #ffffff52}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4),.brand-mark i:nth-child(9){background:var(--yellow)}.brand-mark i:nth-child(3),.brand-mark i:nth-child(7){background:var(--coral)}.brand-mark i:nth-child(5){background:#fff}.site-header nav{gap:28px;margin-left:auto;display:flex}.site-header nav a{color:#b9c6d0;font-size:13px;text-decoration:none}.site-header nav a:hover{color:#fff}.palette-status{color:#9fb0bd;font:10px/1 var(--mono);letter-spacing:.08em;border:1px solid #36526b;border-radius:99px;padding:8px 12px}.palette-status i{background:#61d38a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #61d38a1f}main{min-height:calc(100vh - 78px)}.hero{justify-content:space-between;align-items:flex-end;gap:40px;max-width:1440px;margin:0 auto;padding:72px 44px 54px;display:flex}.hero-copy{max-width:800px}.hero-label,.eyebrow,.result-kicker{color:#315978;font:700 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero-label{align-items:center;gap:8px;margin:0 0 20px;display:flex}.hero-label svg{width:17px}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(44px,5.4vw,79px);font-weight:850;line-height:.99}.hero h1,.placeholder-copy h2,.result-header h2{text-wrap:balance}.hero h1 em{color:#2f6f91;font-style:normal}.hero-copy>p:last-child{max-width:680px;color:var(--muted);margin:25px 0 0;font-size:17px;line-height:1.85}.hero-metrics{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);min-width:420px;display:grid;box-shadow:8px 8px #dbe5e9}.hero-metrics div{text-align:center;border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:130px;padding:22px 16px;display:flex}.hero-metrics div:last-child{border:0}.hero-metrics strong{font:800 33px/1 var(--mono);color:var(--navy)}.hero-metrics sup{font-size:12px}.hero-metrics span{color:var(--muted);margin-top:10px;font-size:11px}.service-alert{background:#fff3e8;border:1px solid #f4b47d;align-items:center;gap:16px;max-width:1352px;margin:0 auto 20px;padding:16px 20px;display:flex}.service-alert span{color:#7b5940}.service-alert button{color:#fff;cursor:pointer;background:#7d402c;border:0;margin-left:auto;padding:9px 13px}.workbench{background:#fff;border:1px solid #cad4da;grid-template-columns:minmax(470px,.83fr) minmax(520px,1.17fr);max-width:1440px;margin:0 auto 76px;display:grid;box-shadow:14px 16px #dce6e9}.controls-panel{border-right:1px solid var(--line);padding:42px 44px 36px}.stage-panel{background:#edf2f3;min-height:760px;padding:38px;display:flex}.section-kicker{color:#577080;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.section-kicker span{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.upload-section h2,.style-section h2{letter-spacing:-.03em;margin:13px 0 6px;font-size:23px}.section-copy{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.65}.upload-board{width:100%;height:238px;color:var(--ink);cursor:pointer;background:#dfe7e9;border:1px solid #b8c6cd;place-items:center;padding:15px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.upload-board:hover:not(:disabled),.upload-board.is-dragging{border-color:#2e718f;transform:translateY(-2px);box-shadow:0 9px 20px #173a4f1f}.upload-board:disabled{cursor:wait}.peg-field{opacity:.65;background-image:radial-gradient(circle,#a9b7bc 0 2px,#0000 2.5px);background-size:14px 14px;position:absolute;inset:0}.upload-empty{z-index:1;background:#ffffffeb;border:1px dashed #8298a4;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 38px);height:calc(100% - 38px);display:flex;position:relative}.upload-empty strong{margin:12px 0 7px;font-size:15px}.upload-empty small{color:var(--muted);font:10px/1 var(--mono)}.upload-icon{color:#fff;background:var(--navy);width:43px;height:43px;box-shadow:4px 4px 0 var(--cyan);border-radius:50%;place-items:center;display:grid}.upload-icon svg{width:21px}.upload-board>img{z-index:1;object-fit:cover;border:8px solid #fff;width:208px;height:208px;position:relative;box-shadow:0 4px 18px #0d273733}.replace-photo{z-index:2;color:#fff;background:#10263fe6;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:22px;right:24px}.replace-photo svg{width:14px}.auto-crop-note{color:#6c7880;align-items:center;gap:6px;margin:10px 0 0;font-size:10px;display:flex}.auto-crop-note svg{color:#387896;width:13px}.inline-error{color:#a4382a;margin:10px 0 0;font-size:12px}.panel-divider{background:var(--line);height:1px;margin:34px 0}.creation-mode-tabs{background:#e7edef;border-bottom:1px solid #aebdc5;grid-template-columns:repeat(3,minmax(0,1fr));margin:-42px -44px 34px;display:grid}.creation-mode-tabs>button{color:#536673;text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #c5d0d5;align-items:center;gap:11px;min-width:0;min-height:92px;padding:15px 13px;display:flex;position:relative}.creation-mode-tabs>button:last-child{border-right:0}.creation-mode-tabs>button:hover:not(:disabled){color:var(--navy);background:#f2f7f8}.creation-mode-tabs>button[aria-selected=true]{color:var(--navy);box-shadow:inset 0 -5px 0 var(--cyan);background:#fff}.creation-mode-tabs>button[aria-selected=true]:after{content:"LOADED";color:#24566b;font:800 6px/1 var(--mono);letter-spacing:.12em;position:absolute;top:7px;right:8px}.creation-mode-tabs>button:disabled{opacity:.46;cursor:not-allowed}.creation-mode-tabs>button>span:last-child{gap:5px;min-width:0;display:grid}.creation-mode-tabs strong{white-space:nowrap;font-size:12px}.creation-mode-tabs small{color:#74838b;font-size:8px;line-height:1.35;overflow:hidden}.mode-glyph{flex:none;grid-template-columns:repeat(3,1fr);gap:2px;width:31px;height:31px;padding:2px;display:grid;transform:rotate(-3deg)}.mode-glyph i{background:#8fa5ae;border-radius:50%;box-shadow:inset -1px -1px #00000029}.mode-glyph-photo i:nth-child(2),.mode-glyph-photo i:nth-child(4),.mode-glyph-photo i:nth-child(5),.mode-glyph-photo i:nth-child(6),.mode-glyph-photo i:nth-child(8){background:var(--cyan)}.mode-glyph-text i:first-child,.mode-glyph-text i:nth-child(4),.mode-glyph-text i:nth-child(7),.mode-glyph-text i:nth-child(8),.mode-glyph-text i:nth-child(9){background:var(--yellow)}.mode-glyph-import i:nth-child(3),.mode-glyph-import i:nth-child(5),.mode-glyph-import i:nth-child(7){background:var(--coral)}[aria-selected=true] .mode-glyph i{filter:saturate(1.15)}.control-heading>span{color:#48748a;font:800 9px/1 var(--mono);letter-spacing:.12em}.control-heading h2{letter-spacing:-.03em;margin:12px 0 6px;font-size:23px}.control-heading p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.6}.text-prompt-panel{min-height:314px}.capability-note,.import-error,.import-warning{color:#7b382e;border-left:4px solid var(--coral);background:#fff0ed;margin:0 0 12px;padding:10px 12px;font-size:10px;line-height:1.5}.capability-note{color:#66500c;border-color:var(--yellow);background:#fff7da}.prompt-field{gap:7px;display:grid;position:relative}.prompt-field>span{color:var(--navy);font-size:11px;font-weight:800}.prompt-field textarea{resize:vertical;width:100%;min-height:142px;color:var(--ink);background:#fbfcfc;border:1px solid #aebdc5;border-radius:0;padding:14px 14px 28px;font-size:13px;line-height:1.7}.prompt-field textarea:focus{border-color:#3c8596}.prompt-field>small{color:#7b8990;font:8px/1 var(--mono);position:absolute;bottom:9px;right:10px}.prompt-examples{flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;display:flex}.prompt-examples>span{color:var(--muted);font-size:9px}.prompt-examples button{color:#425b68;cursor:pointer;background:#fff;border:1px solid #bdc9ce;min-height:36px;padding:0 9px;font-size:9px}.prompt-examples button:hover:not(:disabled){background:#eaf8f9;border-color:#4a8b98}.background-choice{cursor:pointer;background:#f4f7f8;border:1px solid #c4cfd4;align-items:center;gap:10px;min-height:52px;margin-top:13px;padding:8px 11px;display:flex}.background-choice input{width:20px;height:20px;accent-color:var(--navy);flex:none}.background-choice>span{gap:3px;display:grid}.background-choice strong{font-size:10px}.background-choice small{color:var(--muted);font-size:8px}.pattern-import-panel.empty{min-height:455px}.import-dropzone{min-height:258px;color:var(--navy);cursor:pointer;background-color:#e8eff1;background-image:radial-gradient(#c1cdd1 1.4px,#0000 1.8px);background-size:13px 13px;border:1px dashed #78919e;flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;display:flex}.import-dropzone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.import-dropzone>svg{color:#fff;background:var(--navy);width:48px;height:48px;box-shadow:5px 5px 0 var(--cyan);padding:10px}.import-dropzone strong{background:#ffffffe0;margin:18px 0 7px;padding:7px 10px;font-size:14px}.import-dropzone span{color:#5e737d;font:8px/1 var(--mono);background:#ffffffd1;padding:5px 8px}.import-dropzone.is-busy{cursor:wait;opacity:.75}.import-tips{border-left:3px solid var(--yellow);background:#fff9e5;gap:4px;margin-top:12px;padding:11px 13px;display:grid}.import-tips strong{color:#5d4b13;font-size:9px}.import-tips span{color:#776c50;font-size:8px;line-height:1.5}.import-review-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.import-review-head .control-heading{min-width:0}.import-review-head .control-heading p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-button{color:#395d6f;cursor:pointer;background:#fff;border:1px solid #aebdc5;min-height:40px;padding:0 9px;font-size:9px}.inspection-layout{gap:16px;display:grid}.inspection-preview{background-color:#e5ecee;background-image:linear-gradient(45deg,#d6e0e3 25%,#0000 25%),linear-gradient(-45deg,#d6e0e3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d6e0e3 75%),linear-gradient(-45deg,#0000 75%,#d6e0e3 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #b9c7cd;place-items:center;min-height:230px;padding:12px;display:grid;position:relative;overflow:hidden}.inspection-preview img{object-fit:contain;width:100%;max-height:330px;image-rendering:pixelated}.inspection-preview>span{color:#fff;font:8px/1 var(--mono);background:#10263fe6;padding:6px 8px;position:absolute;bottom:8px;right:8px}.inspection-data{min-width:0}.inspection-metrics{border:1px solid #c4d0d5;grid-template-columns:1.2fr 1fr .7fr;display:grid}.inspection-metrics>div{border-right:1px solid #d2dce0;gap:5px;min-width:0;padding:10px;display:grid}.inspection-metrics>div:last-child{border-right:0}.inspection-metrics span{color:var(--muted);font-size:8px}.inspection-metrics strong{color:var(--navy);font:800 10px/1.3 var(--mono);overflow:hidden}.inspection-metrics .is-ready strong{color:#347252}.inspection-metrics .needs-work strong{color:#a54435}.inspection-colors{flex-wrap:wrap;gap:6px;margin:11px 0;display:flex}.inspection-colors>span{min-height:31px;font:750 8px/1 var(--mono);background:#fff;border:1px solid #c4cfd4;align-items:center;gap:5px;padding:4px 7px 4px 4px;display:inline-flex}.inspection-colors i{border:1px solid #00000021;border-radius:50%;width:21px;height:21px;box-shadow:inset -2px -2px #0000001f}.correction-panel{background:#f7f9fa;border:1px solid #bdc9ce;margin-top:11px;padding:0 12px 12px}.correction-panel summary{min-height:44px;color:var(--navy);cursor:pointer;align-items:center;font-size:10px;font-weight:850;display:flex}.correction-panel>p{color:var(--muted);margin:0 0 10px;font-size:8px;line-height:1.5}.dimension-fields,.crop-fields{gap:7px;display:grid}.dimension-fields{grid-template-columns:1fr 1fr}.crop-fields{grid-template-columns:repeat(4,1fr);margin-top:7px}.dimension-fields label,.crop-fields label{color:#63747d;gap:4px;min-width:0;font-size:7px;display:grid}.dimension-fields input,.crop-fields input{width:100%;min-width:0;height:39px;font:800 10px/1 var(--mono);background:#fff;border:1px solid #aebdc5;border-radius:0;padding:0 7px}.correction-panel .button{width:100%;min-height:42px;margin-top:9px}.exact-import-note{color:#2e6b4d;background:#e8f6ee;align-items:center;gap:7px;margin:10px 0;padding:10px 11px;font-size:9px;display:flex}.exact-import-note svg{width:15px}.import-confirm{margin-top:12px}.confirm-help{color:#984437;text-align:center;margin-top:8px;font-size:8px;display:block}.style-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.style-card{--style-accent:#3b718c;border:1px solid var(--line);cursor:pointer;background:#fff;min-height:103px;padding:13px 13px 13px 51px;transition:border .15s,box-shadow .15s,transform .15s;position:relative}.style-card:hover{border-color:var(--style-accent);transform:translateY(-1px)}.style-card.is-selected{border:2px solid var(--style-accent);box-shadow:4px 4px 0 color-mix(in srgb, var(--style-accent) 22%, white);padding:12px 12px 12px 50px}.style-card input{opacity:0;position:absolute}.style-card:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.style-swatch{grid-template-columns:1fr 1fr;gap:2px;width:28px;height:28px;display:grid;position:absolute;top:14px;left:13px;transform:rotate(-3deg)}.style-swatch i{background:var(--style-accent);border-radius:50%;box-shadow:inset -1px -1px #0000002e}.style-swatch i:nth-child(2){filter:brightness(1.35)}.style-swatch i:nth-child(3){filter:saturate(.5)brightness(.8)}.style-swatch i:nth-child(4){background:var(--yellow)}.style-copy{gap:5px;padding-right:10px;display:grid}.style-copy strong{font-size:13px}.style-copy small{color:var(--muted);font-size:10px;line-height:1.5}.ai-chip,.unavailable-chip{color:#4b5e70;font:8px/1 var(--mono);letter-spacing:.05em;align-items:center;gap:3px;display:inline-flex;position:absolute;bottom:9px;left:51px}.ai-chip svg{width:10px}.unavailable-chip{color:#9a3f31}.recommended-chip{color:#203640;background:var(--yellow);font:800 8px/1 var(--mono);letter-spacing:.08em;border:1px solid #d8a82e;padding:4px 6px 3px;position:absolute;bottom:8px;right:10px;box-shadow:2px 2px #e8edf0}.radio-mark{border:1px solid #b1bcc2;border-radius:50%;width:13px;height:13px;position:absolute;top:11px;right:11px}.is-selected .radio-mark{border:4px solid var(--style-accent)}.style-card.is-unavailable{opacity:.48;cursor:not-allowed}.generation-controls{background:#f6f9fa;border:1px solid #bdc9ce;margin-top:14px}.generation-controls.is-customized{box-shadow:inset 3px 0 0 var(--cyan);border-color:#6e9aa9}.generation-controls-toggle{width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:8px 13px;display:flex}.generation-controls-toggle>span{gap:4px;min-width:0;display:grid}.generation-controls-toggle strong{font-size:12px}.generation-controls-toggle small{color:var(--muted);font-size:9px}.generation-controls-toggle>i{background:#fff;border:1px solid #afbec5;flex:none;width:28px;height:28px;position:relative}.generation-controls-toggle>i:before,.generation-controls-toggle>i:after{content:"";background:var(--navy);width:12px;height:1px;transition:transform .18s;position:absolute;top:13px;left:8px}.generation-controls-toggle>i:after{transform:rotate(90deg)}.generation-controls-toggle[aria-expanded=true]>i:after{transform:rotate(0)}.generation-controls-body{border-top:1px solid #d3dde1;padding:0 13px 13px}.generation-controls-body>p{color:var(--muted);margin:10px 0 8px;font-size:9px;line-height:1.55}.generation-control-list{gap:4px;display:grid}.generation-control-row{background:#fff;border:1px solid #d3dde1;padding:8px 9px 6px;position:relative}.generation-control-row.is-unavailable{background:#f2f4f5}.generation-control-label{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.generation-control-label label{cursor:pointer;gap:2px;min-width:0;display:grid}.generation-control-label strong{font-size:10px}.generation-control-label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.35;overflow:hidden}.generation-control-label output{color:#245a70;font:800 8px/1 var(--mono);background:#e8f5f6;flex:none;padding:4px 6px}.generation-control-row input[type=range]{accent-color:#2f7893;cursor:pointer;width:100%;height:34px;margin:0}.generation-control-row input[type=range]:disabled{cursor:not-allowed;opacity:.42}.generation-control-scale{color:#78868d;grid-template-columns:1fr 1fr 1fr;margin-top:-4px;font-size:7px;display:grid}.generation-control-scale span:nth-child(2){text-align:center}.generation-control-scale span:last-child{text-align:right}.generation-control-unavailable{color:#8a6150;margin-top:5px;font-size:8px;display:block}.generation-controls-reset{color:#315b6d;cursor:pointer;background:#fff;border:1px solid #aebdc5;width:100%;min-height:44px;margin-top:9px;font-size:9px;font-weight:800}.generation-controls-reset:disabled{opacity:.45;cursor:not-allowed}.generate-bar{margin-top:22px}.button{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 17px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button svg{width:18px}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{color:#fff;background:var(--navy);box-shadow:5px 5px 0 var(--cyan)}.button.primary:hover:not(:disabled){box-shadow:7px 7px 0 var(--cyan);background:#173b5d}.button.secondary{color:var(--navy);background:#fff;border-color:#aebdc5}.button.ghost{border-color:var(--line);background:0 0}.button.wide{justify-content:space-between;width:100%}.cta-help,.ai-disclosure{color:var(--muted);text-align:center;margin:12px 0 0;font-size:10px;line-height:1.5}.ai-disclosure{text-align:left;border-left:2px solid #9db2c0;padding-left:16px}.preview-placeholder{flex-direction:column;justify-content:center;width:100%;display:flex}.preview-board{aspect-ratio:1;background:#d5e0e2;border:1px solid #b6c4c8;place-items:center;width:min(520px,88%);margin:0 auto 48px;display:grid;position:relative;transform:rotate(1.5deg);box-shadow:13px 13px #c3d1d5,25px 25px #c3d1d566}.preview-board>svg{z-index:1;color:#9aadb2;stroke-width:.8px;width:100px;position:relative}.preview-board>img{z-index:1;aspect-ratio:1;object-fit:cover;filter:saturate(.9);width:66%;position:relative;box-shadow:0 8px 30px #1132443b}.size-tag{z-index:2;color:#fff;background:var(--navy);width:83px;height:83px;box-shadow:3px 3px 0 var(--cyan);border:4px solid #edf2f3;flex-direction:column;justify-content:center;padding:12px;display:flex;position:absolute}.size-tag strong{font:800 24px/1 var(--mono)}.size-tag span{color:#c7d4dc;margin-top:4px;font-size:9px}.size-tag-a{top:-22px;left:-24px;transform:rotate(-5deg)}.size-tag-b{box-shadow-color:var(--yellow);background:#376b82;bottom:-20px;right:-26px;transform:rotate(4deg)}.placeholder-copy{max-width:540px;margin:0 auto}.placeholder-copy h2{letter-spacing:-.04em;margin:12px 0 20px;font-size:clamp(25px,2.3vw,37px);line-height:1.2}.placeholder-copy ul{color:#5e6c74;gap:9px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.placeholder-copy li{align-items:center;gap:9px;display:flex}.placeholder-copy li i{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #68d2dc33}.generation-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.bead-orbit{border:1px dashed #8ba2ad;border-radius:50%;width:260px;height:260px;margin-bottom:30px;animation:16s linear infinite orbit;position:relative}.bead-orbit i{--n:0;left:calc(50% + cos(calc(var(--n) * 30deg)) * 117px - 9px);top:calc(50% + sin(calc(var(--n) * 30deg)) * 117px - 9px);background:var(--cyan);border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:inset -3px -3px #00000024}.bead-orbit i:nth-child(2n){background:var(--yellow)}.bead-orbit i:nth-child(3n){background:var(--coral)}.bead-orbit i:first-child{--n:0}.bead-orbit i:nth-child(2){--n:1}.bead-orbit i:nth-child(3){--n:2}.bead-orbit i:nth-child(4){--n:3}.bead-orbit i:nth-child(5){--n:4}.bead-orbit i:nth-child(6){--n:5}.bead-orbit i:nth-child(7){--n:6}.bead-orbit i:nth-child(8){--n:7}.bead-orbit i:nth-child(9){--n:8}.bead-orbit i:nth-child(10){--n:9}.bead-orbit i:nth-child(11){--n:10}.bead-orbit i:nth-child(12){--n:11}.bead-orbit>span{color:#fff;background:var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;inset:48px}.bead-orbit svg{width:54px;animation:16s linear infinite orbit-reverse}.generation-eyebrow{color:#3b718c;font:700 11px/1 var(--mono);letter-spacing:.12em}.generation-stage h2{margin:10px 0;font-size:32px}.generation-stage>p:not(.generation-eyebrow){max-width:430px;color:var(--muted);font-size:13px;line-height:1.7}.stage-track{background:#cbd7db;width:min(460px,80%);height:4px;margin-top:28px;overflow:hidden}.stage-track i{background:var(--navy);width:38%;height:100%;animation:2.2s ease-in-out infinite progress;display:block}.stage-labels{color:#7a8990;width:min(460px,80%);font:9px/1 var(--mono);justify-content:space-between;margin-top:10px;display:flex}.error-card{color:#fff;background:#813f35;max-width:1000px;margin:-36px auto 76px;padding:34px;box-shadow:9px 9px #e7b7ae}.error-card>span{font:10px/1 var(--mono);letter-spacing:.1em}.error-card h2{margin:9px 0 22px}.error-card div{gap:10px;display:flex}.error-card .primary{color:var(--navy);background:#fff;box-shadow:4px 4px #efba6a}.error-card .ghost{color:#fff;border-color:#fff6}.results{background:var(--navy);color:#fff;max-width:1440px;margin:0 auto 80px;padding:56px 44px 64px}.result-header{border-bottom:1px solid #365069;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:34px;display:flex}.result-header h2{letter-spacing:-.05em;margin:8px 0;font-size:clamp(33px,4vw,54px)}.result-header p:not(.result-kicker){color:#aebdca;margin:0}.results .result-kicker{color:var(--cyan)}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.results .button.secondary{color:#fff;background:0 0;border-color:#607991}.results .button.primary{color:var(--navy);background:var(--cyan);box-shadow:5px 5px 0 var(--yellow)}.project-save-state{color:#c7d5dd;background:#ffffff09;border:1px solid #365069;align-items:center;gap:9px;min-height:42px;margin-top:15px;padding:9px 12px;font-size:10px;display:flex}.project-save-dot{background:#76909e;border-radius:50%;flex:none;width:8px;height:8px}.project-save-state.is-saving .project-save-dot{background:var(--yellow);animation:1.2s ease-in-out infinite pulse}.project-save-state.is-saved{color:#d4f4e6;background:#68d2ac14;border-color:#68d2ac6b}.project-save-state.is-saved .project-save-dot{background:#68d2ac}.project-save-state.is-error{color:#ffd9d1;background:#ff877514;border-color:#ff877573}.project-save-state.is-error .project-save-dot{background:#ff8775}.project-save-state>span:not(.project-save-dot){flex:1;min-width:0}.project-save-state button{min-height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:0 11px;font-size:9px;font-weight:800}.prompt-understanding{color:var(--ink);border:1px solid #77909c;border-top:6px solid var(--cyan);box-shadow:7px 7px 0 var(--yellow);background-color:#f8fbfc;background-image:linear-gradient(#5d7e8b0e 1px,#0000 1px),linear-gradient(90deg,#5d7e8b0e 1px,#0000 1px);background-size:20px 20px;margin-top:24px;padding:22px;position:relative;overflow:hidden}.prompt-understanding:after{content:"PROOF / TEXT";color:#5c7783;font:800 7px/1 var(--mono);letter-spacing:.13em;background:#ffffffc7;border:1px solid #b9c9cf;padding:5px 31px;position:absolute;bottom:26px;right:-27px;transform:rotate(-90deg)}.prompt-understanding-header{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;display:grid}.prompt-understanding-mark{background:var(--navy);width:54px;height:54px;box-shadow:4px 4px 0 var(--cyan);grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;display:grid}.prompt-understanding-mark i{background:#fff;border:1px solid #ffffff47;border-radius:50%;box-shadow:inset -2px -2px #00000029}.prompt-understanding-mark i:nth-child(2),.prompt-understanding-mark i:nth-child(6){background:var(--yellow)}.prompt-understanding-mark i:nth-child(4),.prompt-understanding-mark i:nth-child(8){background:var(--coral)}.prompt-understanding-mark i:nth-child(5){background:var(--cyan)}.prompt-understanding-header>div{min-width:0}.prompt-understanding-header>div>span{color:#347487;font:800 8px/1 var(--mono);letter-spacing:.14em}.prompt-understanding-header h3{color:var(--navy);letter-spacing:-.03em;margin:5px 0 4px;font-size:21px}.prompt-understanding-header p{color:#445965;margin:0;font-size:11px;line-height:1.55}.prompt-understanding-header>b{color:#315d37;font:800 8px/1 var(--mono);white-space:nowrap;background:#e8f7ed;border:1px solid #83b391;align-self:start;padding:7px 9px}.prompt-understanding-facts{background:#ffffffdb;border:1px solid #a9bbc3;grid-template-columns:1.15fr 1.35fr .9fr .9fr 1.25fr;margin:19px 0 0;display:grid}.prompt-understanding-facts>div{border-right:1px solid #ccd7dc;min-width:0;padding:12px 13px}.prompt-understanding-facts>div:last-child{border-right:0}.prompt-understanding-facts dt{color:#6b7f89;font:800 8px/1 var(--mono);letter-spacing:.08em}.prompt-understanding-facts dd{color:var(--navy);overflow-wrap:anywhere;margin:7px 0 0;font-size:11px;font-weight:800;line-height:1.45}.prompt-understanding-facts dd small{color:#52727e;font:750 8px/1 var(--mono);margin-top:4px;display:block}.prompt-understanding-chips{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;margin-top:13px;padding-right:24px;display:grid}.prompt-understanding-chips>div{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;min-width:0;display:grid}.prompt-understanding-chips>div>span{color:#5d7480;font:800 8px/1 var(--mono);white-space:nowrap;padding-top:8px}.prompt-understanding-chips ul{flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.prompt-understanding-chips li{color:#324b58;background:#fff;border:1px solid #b8c6cc;align-items:center;min-height:30px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.prompt-palette-chips li:before{content:"";background:var(--coral);border:1px solid #10263f40;border-radius:50%;flex:none;width:12px;height:12px;margin-right:6px;box-shadow:inset -2px -2px #0000001f}.prompt-palette-chips li:nth-child(2):before{background:var(--yellow)}.prompt-palette-chips li:nth-child(3):before{background:var(--cyan)}.prompt-palette-chips li:nth-child(4):before{background:var(--green)}.prompt-palette-chips li:nth-child(5):before{background:var(--navy-2)}.refinement-chat{color:var(--ink);border:1px solid #79909d;border-left:6px solid var(--cyan);background:#f8fafb;margin-top:24px;padding:22px;box-shadow:7px 7px #68d2dc29}.refinement-chat-intro{align-items:center;gap:14px;display:flex}.refinement-chat-mark{width:48px;height:48px;color:var(--navy);background:var(--cyan);box-shadow:4px 4px 0 var(--yellow);flex:none;place-items:center;display:grid}.refinement-chat-mark svg{width:23px}.refinement-chat-intro>div{min-width:0}.refinement-chat-intro>div>span{color:#38738c;font:750 8px/1 var(--mono);letter-spacing:.13em}.refinement-chat-intro h3{color:var(--navy);letter-spacing:-.025em;margin:5px 0 4px;font-size:20px}.refinement-chat-intro p{color:#36745e;margin:0;font-size:10px;font-weight:750}.refinement-thread{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0 12px;display:grid}.refinement-message{background:#fff;border:1px solid #c6d2d7;min-width:0;padding:12px 14px}.refinement-message.is-user{background:#eaf8f9;border-color:#8dbbc2}.refinement-message span{color:#55717f;font:750 8px/1 var(--mono);letter-spacing:.08em}.refinement-message p{color:#283943;margin:6px 0 0;font-size:11px;line-height:1.6}.refinement-suggestions{flex-wrap:wrap;gap:7px;margin-bottom:11px;display:flex}.refinement-suggestions button{color:#3b5968;cursor:pointer;background:#fff;border:1px solid #aebfc7;min-height:40px;padding:0 12px;font-size:9px}.refinement-suggestions button:hover:not(:disabled){color:var(--navy);background:#e9f7f8;border-color:#3f8c9a}.refinement-form{background:#fff;border:1px solid #aebfc7;padding:13px}.refinement-form>label{color:var(--navy);margin-bottom:7px;font-size:10px;font-weight:800;display:block}.refinement-form textarea{resize:vertical;width:100%;min-height:82px;color:var(--ink);font:inherit;background:#f8fafb;border:1px solid #aebfc7;border-radius:0;padding:12px;font-size:12px;line-height:1.65}.refinement-form textarea:focus{border-color:#367f96;outline:3px solid #1677ff2e}.refinement-form-footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:11px;margin-top:9px;display:grid}.refinement-background-choice{cursor:pointer;align-items:center;gap:9px;min-width:0;display:flex}.refinement-background-choice input{width:19px;height:19px;accent-color:var(--navy);flex:none}.refinement-background-choice>span{gap:3px;min-width:0;display:grid}.refinement-background-choice strong{font-size:10px}.refinement-background-choice small{color:var(--muted);font-size:8px}.refinement-count{color:#78878e;font:8px/1 var(--mono)}.refinement-form-footer>button{color:#071e2a;background:var(--cyan);cursor:pointer;min-height:48px;box-shadow:3px 3px 0 var(--yellow);border:1px solid #2d8190;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:10px;font-weight:850;display:flex}.refinement-form-footer>button:disabled,.refinement-suggestions button:disabled{opacity:.45;cursor:not-allowed}.refinement-form-footer>button svg{width:16px}.refinement-note{color:var(--muted);margin:10px 0 0;font-size:8px;line-height:1.5}.mobile-result-summary,.mobile-result-guide{display:none}.pattern-output{min-width:0}#refinement,#pattern-output,#materials{scroll-margin-top:88px}.error-card:focus{outline-offset:4px;outline:3px solid #efba6a}.pattern-control-rail{display:contents}.mobile-result-dock,.mobile-bundle-download{display:none}.orientation-panel{color:var(--ink);border-left:5px solid var(--cyan);background:#f7fbfc;grid-template-columns:1fr auto;align-items:center;gap:12px 24px;margin-top:28px;padding:16px 18px;display:grid}.orientation-copy{gap:6px;display:grid}.orientation-label{color:var(--navy);font:800 13px/1 var(--mono);align-items:center;gap:8px;display:flex}.orientation-label svg{width:19px}.orientation-copy small{color:var(--muted);line-height:1.5}.orientation-toggle{border:1px solid #9babb3;grid-template-columns:1fr 1fr;min-width:230px;display:grid}.orientation-toggle button{color:#536673;cursor:pointer;background:#fff;border:0;min-height:44px;padding:0 15px}.orientation-toggle button:hover:not(:disabled){color:var(--navy);background:#e2f6f8}.orientation-toggle button[aria-pressed=true]{color:var(--navy);background:var(--cyan);font-weight:800}.orientation-toggle button:disabled{color:#9da7ac;cursor:not-allowed;background:#edf0f1}.legacy-mirror-note{color:#8a4a40;grid-column:1/-1;margin:0;font-size:11px}.size-tabs{display:none}.pattern-grid{color:var(--ink);grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;display:grid}.pattern-grid.is-single{grid-template-columns:minmax(0,680px);justify-content:center}.pattern-card{background:#fff;padding:22px}.pattern-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.pattern-card-head span{color:var(--muted);font-size:10px}.pattern-card-head h3{font:850 31px/1 var(--mono);color:var(--navy);margin:3px 0 0}.pattern-card-head .mirror-badge{color:#fff;font:800 9px/1 var(--mono);background:#a44d40;margin-top:8px;padding:5px 7px;display:inline-flex}.physical-size{font-family:var(--mono);background:#edf2f3;padding:7px 9px}.pattern-image{cursor:zoom-in;background:#e4eaec;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pattern-image:hover>span{background:var(--navy)}.pattern-image img{aspect-ratio:1.35;object-fit:contain;image-rendering:auto;width:100%}.pattern-image>span{color:#fff;background:#10263fe6;padding:7px 9px;font-size:10px;position:absolute;bottom:10px;right:10px}.pattern-stats{border:1px solid var(--line);border-top:0;grid-template-columns:1fr 1fr;margin:0;display:grid}.pattern-stats div{justify-content:space-between;padding:12px;display:flex}.pattern-stats div:first-child{border-right:1px solid var(--line)}.pattern-stats dt{color:var(--muted);font-size:11px}.pattern-stats dd{font:700 11px/1 var(--mono);margin:0}.pattern-links{grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:12px;display:grid}.pattern-links.has-edit{grid-template-columns:1.2fr 1fr 1fr 1fr}.pattern-links a,.pattern-start-making,.pattern-edit{min-height:44px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #b7c4ca;justify-content:center;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}.pattern-links a:hover{background:#edf2f3}.pattern-start-making{color:#fff;border-color:var(--navy);background:var(--navy);box-shadow:3px 3px 0 var(--cyan);font-weight:800}.pattern-start-making:hover{background:#1a4261}.pattern-edit{background:#e4f8f9;border-color:#3d9eaa;font-weight:800}.pattern-links svg{width:15px}.board-links{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.board-links a{text-align:center;color:#4e6170;min-height:44px;font:9px/1 var(--mono);background:#eef2f3;place-items:center;padding:8px 5px;text-decoration:none;display:grid}.materials{color:var(--ink);background:#fff;margin-top:22px;padding:26px}.materials-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.materials-heading h3{margin:6px 0 0;font-size:19px}.material-summary{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.material-summary span{color:#536673;font:700 10px/1 var(--mono);background:#edf2f3;padding:7px 9px}.material-tools{justify-items:stretch;gap:8px;display:grid}.material-inventory{border:1px solid var(--navy);color:#fff;background:var(--navy);cursor:pointer;min-height:44px;padding:0 13px;font-size:10px;font-weight:800}.material-inventory:hover{background:#1a4261}.code-search input{border:1px solid #b8c4ca;border-radius:0;width:170px;padding:10px 12px}.material-download{min-height:44px;color:var(--navy);border:1px solid #9babb3;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;text-decoration:none;display:flex}.material-download:hover{background:#edf2f3}.material-download svg{width:14px}.material-table-wrap{border:1px solid var(--line);max-height:330px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{z-index:1;text-align:left;color:#64737c;background:#edf2f3;padding:10px 12px;font-size:10px;position:sticky;top:0}td{border-top:1px solid #edf0f1;padding:9px 12px}th:nth-child(n+3),td:nth-child(n+3),.material-summary{font-variant-numeric:tabular-nums}td code{font:700 12px/1 var(--mono)}.material-color-meta{display:none}.material-empty{color:var(--muted);text-align:center;padding:24px}.color-dot{border:1px solid #00000029;border-radius:50%;width:23px;height:23px;display:block;box-shadow:inset -2px -2px #0000001f}.material-footnote{color:var(--muted);margin:11px 0 0;font-size:10px}.material-footnote strong{color:#8a4a40;margin-right:5px}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030d17cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-dialog{width:min(1100px,96vw);max-height:92vh;color:var(--ink);background:#fff;box-shadow:0 24px 80px #0006}.image-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;padding:0 16px 0 20px;display:flex}.image-dialog header button{cursor:pointer;background:#edf2f3;border:0;width:44px;height:44px}.image-dialog header svg{width:19px}.image-dialog-scroll{overscroll-behavior:contain;background:#dfe6e8;max-height:calc(92vh - 56px);padding:20px;overflow:auto}.image-dialog-scroll img{image-rendering:auto;min-width:720px;height:auto;margin:0 auto}.mobile-pattern-detail{z-index:110;min-width:0;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);color:var(--ink);background:#e8eef0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.mobile-pattern-detail button,.mobile-pattern-detail a{min-width:44px;min-height:44px;color:inherit}.mobile-pattern-detail-header{color:#fff;border-bottom:4px solid var(--cyan);background:var(--navy);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:72px;padding:8px 12px;display:grid;box-shadow:0 8px 24px #091e2c2e}.mobile-pattern-detail-header>button{background:#0a1f32;border:1px solid #4a687e;place-items:center;padding:0;display:grid}.mobile-pattern-detail-header svg{width:17px}.mobile-pattern-detail-header>div:nth-child(2){gap:4px;min-width:0;display:grid}.mobile-pattern-detail-header>div:nth-child(2) span{color:#77a4b9;font:700 7px/1 var(--mono);letter-spacing:.13em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-pattern-detail-header>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mobile-pattern-orientation{border:1px solid #4a687e;grid-template-columns:1fr 1fr;display:grid}.mobile-pattern-orientation button{color:#adc0cb;background:#0a1f32;border:0;justify-content:center;align-items:center;gap:5px;min-width:62px;padding:0 8px;font-size:9px;display:flex}.mobile-pattern-orientation button+button{border-left:1px solid #4a687e}.mobile-pattern-orientation button[aria-pressed=true]{color:#071b28;background:var(--cyan);font-weight:850}.mobile-pattern-orientation button:disabled{opacity:.4}.mobile-pattern-orientation svg{width:14px}.mobile-pattern-detail-scroll{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;min-width:0;min-height:0;overflow:hidden auto}.mobile-pattern-board-tabs{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f8f9f5;border-bottom:1px solid #c4d1d6;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px;display:grid;position:sticky;top:0;box-shadow:0 5px 14px #09243317}.mobile-pattern-board-tabs button{color:#526875;min-width:0;font:750 8px/1 var(--mono);background:#fff;border:1px solid #9fb0b9;padding:0 3px}.mobile-pattern-board-tabs button[aria-pressed=true]{color:var(--navy);background:var(--yellow);border-color:#d2a821}.mobile-pattern-figure{background-color:#dbe4e7;background-image:radial-gradient(#b7c5ca 1px,#0000 1.5px);background-size:10px 10px;padding:12px}.mobile-pattern-viewport{overscroll-behavior-x:contain;background-color:#fff;background-image:linear-gradient(45deg,#edf1f2 25%,#0000 25%),linear-gradient(-45deg,#edf1f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf1f2 75%),linear-gradient(-45deg,#0000 75%,#edf1f2 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #9aadb6;width:100%;min-width:0;overflow:auto hidden;box-shadow:5px 5px #10263f21}.mobile-pattern-image-track{background:#fff;min-width:100%;line-height:0}.mobile-pattern-image-track img{image-rendering:auto;width:100%;max-width:none;height:auto;margin:0}.mobile-pattern-image-error{color:#7e392f;background:#fff3f0;place-content:center;justify-items:center;gap:12px;min-height:280px;display:grid}.mobile-pattern-image-error button{color:#fff;background:#8b4237;border:0;padding:0 14px}.mobile-pattern-zoom{background:#fffffff0;border:1px solid #8fa3ad;grid-template-columns:44px 68px 44px;width:max-content;margin:9px auto 0;display:grid}.mobile-pattern-zoom button{color:var(--navy);font:800 11px/1 var(--mono);background:0 0;border:0;padding:0}.mobile-pattern-zoom button+button{border-left:1px solid #a8b7be}.mobile-pattern-zoom button:disabled{color:#a3adb2}.mobile-pattern-color-section{border-top:5px solid var(--navy);background:#fff;padding:18px 14px 24px}.mobile-pattern-color-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;display:flex}.mobile-pattern-color-heading>div{min-width:0}.mobile-pattern-color-heading span{color:#33748e;font:800 8px/1 var(--mono);letter-spacing:.12em}.mobile-pattern-color-heading h3{color:var(--navy);letter-spacing:-.025em;margin:6px 0 0;font-size:18px}.mobile-pattern-color-heading>small{color:#62727b;flex:none;font-size:9px}.mobile-pattern-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.mobile-pattern-colors button{text-align:left;background:#f8fafb;border:1px solid #c5d0d5;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px 9px;display:grid}.mobile-pattern-colors button:active{background:#e9f7f8;transform:translateY(1px)}.mobile-pattern-colors i{border:2px solid #fff;border-radius:50%;width:27px;height:27px;box-shadow:0 0 0 1px #aebbc1,inset -2px -2px #00000029}.mobile-pattern-colors button>span{gap:4px;min-width:0;display:grid}.mobile-pattern-colors strong{color:var(--navy);font:850 10px/1 var(--mono);text-overflow:ellipsis;overflow:hidden}.mobile-pattern-colors small{color:var(--muted);font:8px/1 var(--mono)}.mobile-pattern-detail-actions{min-height:76px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #b8c6cc;grid-template-columns:1fr 112px;gap:7px;display:grid;box-shadow:0 -10px 28px #061c2924}.mobile-pattern-detail-actions>button,.mobile-pattern-detail-actions>a{justify-content:center;align-items:center;gap:9px;min-width:0;min-height:54px;padding:0 13px;text-decoration:none;display:flex}.mobile-pattern-detail-actions>button{color:#071f2d;background:var(--cyan);border:1px solid #2c8595;box-shadow:inset 0 -3px #00000014}.mobile-pattern-detail-actions>a{color:var(--navy);background:#fff;border:1px solid #9daeb6;font-size:10px;font-weight:800}.mobile-pattern-detail-actions svg{width:18px}.mobile-pattern-detail-actions button>span{text-align:left;gap:4px;display:grid}.mobile-pattern-detail-actions button strong{font-size:12px}.mobile-pattern-detail-actions button small{color:#33616d;font-size:8px}.making-workspace{--workbench:#081927;--panel-navy:#10263f;--guide-cyan:#68d2dc;--block-yellow:#f4c84a;--complete-teal:#41b99a;z-index:100;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#eef7fa;background:var(--workbench);grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid;position:fixed;inset:0;overflow:hidden}.making-workspace button{color:inherit;cursor:pointer}.making-workspace button:disabled{opacity:.38;cursor:not-allowed}.making-header{background:var(--panel-navy);border-bottom:1px solid #2b4b60;grid-row:1;grid-template-columns:48px minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;min-height:72px;padding:10px 18px;display:grid}.making-close{background:#0b1f31;border:1px solid #456176;place-items:center;width:44px;height:44px;display:grid}.making-close svg{width:19px}.making-title{gap:4px;display:grid}.making-title span{color:#6f94a8;font:700 8px/1 var(--mono);letter-spacing:.2em}.making-title strong{letter-spacing:.04em;font-size:17px}.making-size-tabs,.making-orientation{border:1px solid #49677c;grid-template-columns:1fr 1fr;display:grid}.making-size-tabs button,.making-orientation button{color:#9db4c2;min-width:72px;min-height:44px;font:700 10px/1 var(--mono);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex}.making-size-tabs button+button,.making-orientation button+button{border-left:1px solid #49677c}.making-size-tabs button[aria-selected=true],.making-orientation button[aria-pressed=true]{color:#071b28;background:var(--guide-cyan)}.making-orientation svg{width:15px}.making-timer{text-align:left;background:#0b1f31;border:1px solid #456176;gap:4px;min-width:112px;min-height:46px;padding:6px 12px;display:grid}.making-timer span{color:#78bda9;font-size:8px}.making-timer strong{font:800 14px/1 var(--mono);letter-spacing:.05em}.making-board-rail{background:#0b2031;border-bottom:1px solid #203d50;grid-row:2;justify-content:center;gap:6px;min-height:50px;padding:6px 18px;display:flex}.making-board-rail button{color:#90a9b8;min-width:84px;min-height:38px;font:700 9px/1 var(--mono);background:0 0;border:1px solid #3b5b70;padding:0 12px}.making-board-rail button[aria-pressed=true]{border-color:var(--block-yellow);color:#10263f;background:var(--block-yellow)}.making-stage{background:#06131d;grid-row:3;min-height:0;padding:10px;display:grid;overflow:hidden}.pattern-canvas-shell{background:var(--workbench);border:1px solid #25475b;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #00000059}.making-canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%}.making-canvas:focus-visible{outline:3px solid var(--guide-cyan);outline-offset:-4px}.canvas-zoom-controls{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081927e6;border:1px solid #4a697b;grid-template-columns:44px 58px 44px;display:grid;position:absolute;top:12px;right:12px}.canvas-zoom-controls button{min-height:44px;font:800 11px/1 var(--mono);background:0 0;border:0;padding:0}.canvas-zoom-controls button+button{border-left:1px solid #4a697b}.canvas-coordinate{color:#afc3ce;font:700 9px/1 var(--mono);pointer-events:none;background:#081927db;margin:0;padding:7px 10px;position:absolute;bottom:10px;left:12px}.canvas-error{color:#fff;background:#8a3f35;margin:0;padding:12px 16px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.making-loading,.making-load-error{text-align:center;background:#0d2638;border:1px solid #31546a;place-self:center;justify-items:center;gap:10px;max-width:460px;padding:30px;display:grid}.making-loading i{border:4px solid #345568;border-top-color:var(--guide-cyan);border-radius:50%;width:42px;height:42px;animation:1s linear infinite making-spin}.making-loading span,.making-load-error span{color:#90aaba;font-size:11px;line-height:1.6}.making-load-error button,.making-load-error a{color:#fff;background:0 0;border:1px solid #507084;align-items:center;gap:7px;min-height:44px;padding:0 16px;text-decoration:none;display:flex}.making-load-error button{border-color:var(--guide-cyan);color:#082030;background:var(--guide-cyan)}.making-load-error svg{width:16px}.making-toolbar{background:var(--panel-navy);border-top:1px solid #2b4b60;grid-row:4;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:64px;padding:8px 14px;display:grid}.making-tool-modes,.making-tool-actions{gap:6px;display:flex}.making-tool-actions{justify-content:flex-end}.making-tool-modes button,.making-tool-actions button{color:#a8bcc7;background:#0b1f31;border:1px solid #49687b;justify-content:center;align-items:center;gap:7px;min-width:72px;min-height:46px;padding:5px 10px;font-size:10px;display:flex}.making-tool-modes button>span:first-child{font:800 18px/1 var(--mono)}.making-tool-modes button[aria-pressed=true]{border-color:var(--guide-cyan);color:#061a26;background:var(--guide-cyan);box-shadow:3px 3px 0 var(--block-yellow)}.making-progress-summary{justify-content:center;align-items:baseline;gap:9px;min-width:170px;display:flex}.making-progress-summary strong{color:var(--guide-cyan);font:900 25px/1 var(--mono)}.making-progress-summary span{color:#8fa7b5;font:700 9px/1 var(--mono)}.making-color-panel{background:#0b1f31;border-top:1px solid #355469;grid-row:5;grid-template-columns:minmax(250px,.7fr) auto 1.3fr;gap:9px;min-height:112px;padding:9px 14px 12px;display:grid}.making-current-color{background:#102b3e;border:1px solid #3b5a6d;grid-template-columns:44px 36px 1fr 44px;align-items:center;gap:9px;min-width:0;padding:7px 9px;display:grid}.making-current-color>button{background:#0a1d2c;border:1px solid #45677b;width:44px;height:44px}.making-current-swatch{border:2px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:inset -3px -3px #00000026,0 0 0 3px #68d2dc26}.making-current-color>div{gap:5px;min-width:0;display:grid}.making-current-color strong{text-overflow:ellipsis;white-space:nowrap;font:800 12px/1 var(--mono);overflow:hidden}.making-current-color small{color:#91a9b7;font-size:9px}.making-complete-color{color:#05261e;background:var(--complete-teal);border:1px solid #4dd1ad;justify-content:center;align-items:center;gap:8px;min-width:146px;min-height:64px;padding:8px 13px;font-size:10px;font-weight:850;display:flex;box-shadow:inset 0 -3px #0000001a}.making-complete-color.is-inventory-action{color:#2c2300;background:var(--block-yellow);border-color:#e2bd3d}.making-complete-color.is-inventory-action:disabled{opacity:.74}.making-complete-color>span{width:22px;height:22px;color:var(--complete-teal);font:900 12px/1 var(--mono);background:#062b23;border-radius:50%;place-items:center;display:grid}.making-color-list{overscroll-behavior-x:contain;scrollbar-color:#4d7185 transparent;gap:7px;min-width:0;display:flex;overflow-x:auto}.making-color-list button{text-align:left;background:#0d2637;border:1px solid #38596c;grid-template-columns:26px 1fr;align-items:center;gap:8px;min-width:88px;min-height:64px;padding:8px;display:grid}.making-color-list button.is-selected{border-color:var(--guide-cyan);background:#17384c}.making-color-list button>i{border:2px solid #ffffffbf;border-radius:50%;width:25px;height:25px;box-shadow:inset -2px -2px #0000002e}.making-color-list button>span{gap:5px;display:grid}.making-color-list strong{font:800 10px/1 var(--mono)}.making-color-list small{color:#8fa7b5;font:8px/1 var(--mono)}.making-storage-warning{z-index:4;top:calc(78px + env(safe-area-inset-top));color:#3b2900;background:var(--block-yellow);margin:0;padding:8px 11px;font-size:10px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0000004d}.making-consume-status{z-index:4;right:14px;bottom:calc(186px + env(safe-area-inset-bottom));color:#05261e;background:#baf1df;border:1px solid #4dd1ad;max-width:min(420px,100vw - 28px);margin:0;padding:9px 12px;font-size:9px;position:absolute;box-shadow:0 6px 20px #00000047}.making-consume-status.is-error{color:#ffece8;background:#71362e;border-color:#d87b6d}.inventory-backdrop{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020a10b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.inventory-drawer{width:min(620px,94vw);height:100dvh;color:var(--ink);background:var(--paper);grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid;box-shadow:-24px 0 70px #00000061}.inventory-header{color:#fff;background:var(--navy);border-bottom:5px solid var(--cyan);justify-content:space-between;align-items:flex-start;gap:20px;min-height:100px;padding:22px 22px 18px;display:flex}.inventory-header span{color:#79a7bc;font:700 8px/1 var(--mono);letter-spacing:.16em}.inventory-header h2{letter-spacing:-.03em;margin:7px 0 5px;font-size:25px}.inventory-header p{color:#a5bac7;margin:0;font-size:10px}.inventory-header button{color:#fff;cursor:pointer;background:#0b1f31;border:1px solid #4c6a7f;place-items:center;width:44px;height:44px;display:grid}.inventory-header svg{width:19px}.inventory-summary{background:#e6edef;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;display:grid}.inventory-summary div{background:#fff;border:1px solid #cad6db;align-items:baseline;gap:7px;padding:10px;display:flex}.inventory-summary strong{color:var(--navy);font:850 20px/1 var(--mono)}.inventory-summary span{color:var(--muted);font-size:9px}.inventory-summary .is-warning strong{color:#b44f3e}.inventory-controls{background:#fff;border-bottom:1px solid #ced9de;grid-template-columns:1fr 180px;gap:9px;padding:11px 16px;display:grid}.inventory-filters{border:1px solid #aebfc7;grid-template-columns:repeat(3,1fr);display:grid}.inventory-filters button{color:#526875;cursor:pointer;background:#fff;border:0;min-height:44px;padding:0 8px;font-size:10px}.inventory-filters button+button{border-left:1px solid #aebfc7}.inventory-filters button[aria-pressed=true]{color:var(--navy);background:var(--cyan);font-weight:800}.inventory-filters button:disabled{opacity:.45;cursor:not-allowed}.inventory-search input{border:1px solid #aebfc7;border-radius:0;width:100%;height:46px;padding:0 11px}.inventory-csv-tools{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.inventory-csv-tools button,.inventory-csv-tools label{color:#455f6c;cursor:pointer;background:#f7fafb;border:1px solid #a7b8c0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 11px;font-size:8px;font-weight:800;display:flex}.inventory-csv-tools svg{width:14px}.inventory-csv-tools label.is-disabled{opacity:.45;cursor:not-allowed}.inventory-csv-tools input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.inventory-palette-status,.inventory-palette-error,.inventory-storage-warning{color:#526875;background:#f8e7b6;margin:0;padding:8px 16px;font-size:10px}.inventory-palette-error{color:#7f3429;background:#fee9e5}.inventory-palette-error button{min-height:32px;color:inherit;cursor:pointer;background:#fff;border:0;margin-left:8px}.inventory-palette-error svg{width:13px}.inventory-storage-warning{color:#5c4300;background:#fff0b9}.inventory-list{overscroll-behavior:contain;align-content:start;gap:9px;min-height:0;padding:12px 16px 20px;display:grid;overflow:auto}.inventory-operation-message,.inventory-operation-error{color:#1f6446;background:#e3f6ed;border:1px solid #84c6aa;margin:0;padding:9px 11px;font-size:9px}.inventory-operation-error{color:#87372d;background:#fff0ed;border-color:#dcaba4}.inventory-row{background:#fff;border:1px solid #cbd7dc;grid-template-columns:140px minmax(120px,1fr) 190px;align-items:center;gap:12px;padding:12px;display:grid}.inventory-row.is-missing{border-left:5px solid #ef6b55;padding-left:8px}.inventory-row.is-enough{border-left:5px solid #5faa79;padding-left:8px}.inventory-color{align-items:center;gap:10px;min-width:0;display:flex}.inventory-color>i{border:1px solid #0000002e;border-radius:50%;flex:none;width:36px;height:36px;box-shadow:inset -3px -3px #00000021}.inventory-color span{gap:5px;min-width:0;display:grid}.inventory-color strong{font:850 13px/1 var(--mono)}.inventory-color small{color:var(--muted);font:8px/1 var(--mono)}.inventory-need{gap:4px;display:grid}.inventory-need span{color:var(--muted);font-size:9px}.inventory-need strong{font-size:10px}.inventory-need em{color:#963d30;width:max-content;font:normal 800 9px/1 var(--mono);background:#fee9e5;padding:4px 6px}.inventory-need em.enough{color:#286642;background:#e0f2e7}.inventory-stepper{grid-template-columns:auto 44px 60px 44px;align-items:center;gap:4px;display:grid}.inventory-stepper>span{color:var(--muted);font-size:9px}.inventory-stepper button,.inventory-stepper input{text-align:center;min-width:44px;height:44px;font:700 10px/1 var(--mono);background:#fff;border:1px solid #aebfc7;border-radius:0}.inventory-stepper button{cursor:pointer}.inventory-stepper input{width:60px;color:var(--navy);padding:0 3px;font-size:12px}.inventory-alternatives{border-top:1px solid #e0e7ea;grid-column:1/-1;padding-top:9px}.inventory-alternatives>span{color:var(--muted);font-size:9px}.inventory-alternatives>span b{color:#9a5a20;font-weight:700}.inventory-alternatives>div{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.inventory-alternatives>div>span{background:#f7fafb;border:1px solid #d1dce0;grid-template-rows:auto auto;grid-template-columns:20px auto;align-items:center;gap:2px 6px;min-height:34px;padding:5px 7px;display:grid}.inventory-alternatives i{border:1px solid #00000026;border-radius:50%;grid-row:1/3;width:18px;height:18px}.inventory-alternatives strong{font:750 8px/1 var(--mono)}.inventory-alternatives small{color:var(--muted);font:8px/1 var(--mono)}.inventory-empty{color:var(--muted);text-align:center;background:#fff;border:1px dashed #afc0c8;margin:0;padding:36px 18px}.inventory-movements{background:#fff;border:1px solid #a9bac1;margin-top:4px}.inventory-movements>header{background:#edf3f4;border-bottom:1px solid #d1dbdf;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.inventory-movements>header>div{gap:4px;display:grid}.inventory-movements header span{color:#37758c;font:800 7px/1 var(--mono);letter-spacing:.14em}.inventory-movements h3{color:var(--navy);margin:0;font-size:12px}.inventory-movements header button{color:#526b77;cursor:pointer;background:#fff;border:1px solid #9cadb5;min-height:40px;padding:0 10px;font-size:8px;font-weight:800}.inventory-movements header button:disabled{opacity:.4;cursor:not-allowed}.inventory-movements ol{margin:0;padding:0;list-style:none}.inventory-movements li{border-bottom:1px solid #e0e7ea;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:7px 10px;display:grid}.inventory-movements li:last-child{border-bottom:0}.inventory-movements li>i{color:#071b28;background:var(--cyan);width:28px;height:28px;font:normal 900 13px/1 var(--mono);place-items:center;display:grid}.inventory-movements li>span{gap:4px;min-width:0;display:grid}.inventory-movements li strong,.inventory-movements li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inventory-movements li strong{color:var(--navy);font-size:9px}.inventory-movements li small{color:#788992;font-size:7px}.inventory-movements li>b{color:#4a6875;font:800 8px/1 var(--mono)}.inventory-footer{min-height:76px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #c4d0d5;justify-content:space-between;align-items:center;gap:14px;display:flex;box-shadow:0 -8px 24px #0a233214}.inventory-footer>div{gap:5px;display:grid}.inventory-footer strong{font-size:12px}.inventory-footer span{color:var(--muted);font-size:9px}.inventory-footer button{color:#fff;background:var(--navy);cursor:pointer;border:0;align-items:center;gap:7px;min-height:48px;padding:0 16px;font-weight:800;display:flex}.inventory-footer button:disabled{color:#71828c;cursor:not-allowed;background:#dbe2e5}.inventory-footer svg{width:17px}.inventory-footer .inventory-footer-actions{gap:7px;display:flex}.inventory-footer .inventory-restock-action{color:#071b28;background:var(--cyan);box-shadow:3px 3px 0 var(--yellow)}.pattern-editor-overlay{--editor-panel:#0d2638;z-index:140;color:#eaf4f7;background:#06131d;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.pattern-editor-overlay button{color:inherit;cursor:pointer}.pattern-editor-overlay button:disabled{opacity:.38;cursor:not-allowed}.pattern-editor-overlay button:active:not(:disabled){transform:translateY(1px)}@media (hover:hover){.pattern-editor-overlay button:hover:not(:disabled){filter:brightness(1.12)}}.pattern-editor-header{background:#10263f;border-bottom:1px solid #2b4b60;grid-template-columns:minmax(240px,1fr) auto auto auto;align-items:center;gap:12px;min-height:82px;padding:10px 18px;display:grid}.editor-title-block{align-items:center;gap:12px;min-width:0;display:flex}.editor-title-block h2{letter-spacing:-.03em;margin:4px 0 0;font-size:20px}.editor-title-block .eyebrow{color:#71adbf;font-size:8px}.editor-back{width:48px;height:48px;font:900 20px/1 var(--mono);background:#091e2e;border:1px solid #49697d;flex:none}.editor-size-switch{border:1px solid #49697d;grid-template-columns:repeat(2,1fr);display:grid}.editor-size-switch button,.editor-orientation{color:#a8bdc8;min-height:46px;font:800 10px/1 var(--mono);background:0 0;border:0;padding:0 14px}.editor-size-switch button+button{border-left:1px solid #49697d}.editor-size-switch button.is-active{color:#061a26;background:var(--cyan)}.editor-orientation{background:#0a1f30;border:1px solid #49697d}.editor-live-stats{background:#0a1f30;border:1px solid #49697d;align-items:stretch;display:flex}.editor-live-stats span{color:#8fa7b5;min-width:74px;font:700 8px/1 var(--mono);text-align:center;gap:5px;padding:9px 10px;display:grid}.editor-live-stats span+span{border-left:1px solid #314f62}.editor-live-stats strong{color:#fff;font-size:13px}.editor-live-stats .is-changed{color:#071d2b;background:var(--yellow);font-weight:900}.pattern-editor-workspace{grid-template-columns:92px minmax(320px,1fr) 310px;min-width:0;min-height:0;display:grid;overflow:hidden}.editor-tool-rail{background:#0b2031;border-right:1px solid #2b4b60;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;padding:9px 8px;display:grid;overflow:auto}.editor-history-buttons{grid-template-columns:1fr 1fr;gap:5px;display:grid}.editor-history-buttons button{min-width:0;height:42px;font:900 17px/1 var(--mono);background:#102c40;border:1px solid #3d5e72}.editor-tool-list{align-content:start;gap:6px;display:grid}.editor-tool-list button{color:#9fb5c1;background:#0d2637;border:1px solid #38596c;place-items:center;gap:6px;min-height:66px;padding:7px 3px;display:grid}.editor-tool-list button>span{font:900 19px/1 var(--mono)}.editor-tool-list button small{font-size:8px}.editor-tool-list button.is-active{border-color:var(--cyan);color:#061a26;background:var(--cyan);box-shadow:inset 0 -4px #0000001a, 3px 3px 0 var(--yellow)}.pattern-editor-stage{background:#06131d;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:10px;display:grid;overflow:hidden}.editor-canvas-shell{background:#081927;border:1px solid #25475b;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000061}.editor-canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%}.editor-canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}.editor-zoom-controls{color:#eaf4f7}.editor-stage-hint{color:#68889a;min-height:30px;font:700 8px/1 var(--mono);justify-content:center;align-items:center;gap:18px;display:flex}.editor-stage-hint span:before{content:"·";color:var(--cyan);margin-right:7px}.editor-palette-panel{background:#0b1f31;border-left:1px solid #355469;grid-template-rows:auto auto auto auto minmax(0,1fr);align-content:start;gap:8px;min-width:0;min-height:0;padding:10px;display:grid;overflow:hidden}.editor-cartridge{--cartridge-color:#d7e2e7;background:linear-gradient(120deg,#173a4d,#0e293c);border:1px solid #4a697b;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:78px;padding:10px 10px 10px 73px;display:grid;position:relative;overflow:hidden}.editor-cartridge:before{content:"LIVE COLOR";color:#ffffff24;font:900 8px/1 var(--mono);letter-spacing:.12em;position:absolute;top:9px;right:-14px;transform:rotate(32deg)}.editor-cartridge-bead{background:var(--cartridge-color);border:4px solid #ffffffd9;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:inset -6px -6px #00000029,0 0 0 5px #68d2dc21}.editor-cartridge-bead:after{content:"";background:#0b1f31;border-radius:50%;position:absolute;inset:15px}.editor-cartridge div{gap:5px;display:grid}.editor-cartridge small{color:#83a2b3;font:700 8px/1 var(--mono);letter-spacing:.08em}.editor-cartridge strong{font:900 19px/1 var(--mono)}.editor-cartridge b{color:#071d2b;background:var(--yellow);font:900 9px/1 var(--mono);padding:7px}.editor-replace-card{background:#2b2a20;border:1px solid #9f8539;gap:8px;padding:9px;display:grid}.editor-replace-card p{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0;display:grid}.editor-replace-card p span{color:#a7a28e;font-size:8px}.editor-replace-card p strong{font:850 10px/1 var(--mono);background:#171f22;padding:6px}.editor-replace-card button{color:#10263f;background:var(--yellow);border:0;min-height:40px;font-size:9px;font-weight:900}.editor-palette-search{background:#102b3e;border:1px solid #45667a;align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.editor-palette-search span{color:var(--cyan);font-size:18px}.editor-palette-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.editor-palette-search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #68d2dc4d}.editor-palette-search input:focus-visible{outline:0}.editor-palette-search input::placeholder{color:#718d9d}.editor-palette-filter{border:1px solid #45667a;grid-template-columns:1fr 1fr;display:grid}.editor-palette-filter button{color:#8fa7b5;background:0 0;border:0;min-height:40px;font-size:9px}.editor-palette-filter button+button{border-left:1px solid #45667a}.editor-palette-filter button.is-active{color:#061a26;background:var(--cyan);font-weight:900}.editor-swatch-grid{overscroll-behavior:contain;scrollbar-color:#52768a transparent;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;min-height:0;display:grid;overflow:auto}.editor-swatch-grid button{text-align:left;background:#0e293b;border:1px solid #345568;grid-template-rows:1fr 1fr;grid-template-columns:23px 1fr;align-items:center;gap:2px 5px;min-width:0;min-height:58px;padding:6px 4px;display:grid}.editor-swatch-grid button.is-active{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow);background:#1c4053}.editor-swatch-grid i{border:2px solid #ffffffc7;border-radius:50%;grid-row:1/3;width:22px;height:22px;box-shadow:inset -2px -2px #0003}.editor-swatch-grid strong{min-width:0;font:850 9px/1 var(--mono);text-overflow:ellipsis;overflow:hidden}.editor-swatch-grid small{color:#7792a1;font:8px/1 var(--mono)}.editor-palette-empty{color:#7f9aaa;text-align:center;margin:0;padding:24px 8px;font-size:10px}.pattern-editor-footer{min-height:78px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#10263f;border-top:1px solid #355469;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;display:grid;position:relative}.editor-restore{background:#0b1f31;border:1px solid #4d6b7e;min-height:48px;padding:0 16px;font-size:10px}.editor-save-state{color:#829eae;font:700 9px/1.4 var(--mono);margin:0}.editor-save-state.is-saved{color:#66c8aa}.editor-save-state.is-memory,.editor-publish-error{color:#f5be5d}.editor-publish-error{margin:0;font-size:9px}.editor-publish{background:var(--cyan);min-width:200px;min-height:56px;box-shadow:inset 0 -4px #0000001a, 5px 5px 0 var(--yellow);border:0;place-items:center;gap:4px;padding:7px 20px;font-size:12px;font-weight:900;display:grid;color:#061a26!important}.editor-publish small{opacity:.66;font-size:8px;font-weight:700}.editor-loading,.editor-load-error{text-align:center;background:#0d2638;border:1px solid #365a6f;place-self:center;justify-items:center;gap:12px;min-width:min(440px,100vw - 30px);padding:34px;display:grid}.editor-loading .spinner{border:4px solid #365a6f;border-top-color:var(--cyan);border-radius:50%;width:42px;height:42px;animation:1s linear infinite making-spin}.editor-load-error p{color:#9cb2bf;margin:0}.editor-load-error button{color:#061a26;background:var(--cyan);border:0;min-height:44px;padding:0 18px}@keyframes making-spin{to{transform:rotate(360deg)}}.history-strip{max-width:1440px;margin:0 auto 70px;padding:0 44px}.history-heading{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.history-heading span{font-weight:800}.history-heading small{color:var(--muted)}.history-list{gap:11px;padding-bottom:8px;display:flex;overflow-x:auto}.history-list button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;align-items:center;gap:10px;min-width:200px;padding:8px;display:flex}.history-list img,.history-placeholder{object-fit:cover;background:#e5ebed;width:53px;height:53px}.history-placeholder{place-items:center;display:grid}.history-placeholder svg{color:#7e919b;width:23px}.history-list button>span:last-child{gap:5px;display:grid}.history-list strong{font-size:12px}.history-list small{color:var(--muted);font-size:9px}.candidate-gallery{color:#eef7fa;background-color:var(--navy);background-image:radial-gradient(#68d2dc21 1px,#0000 1.5px);background-size:12px 12px;border:1px solid #29485f;max-width:1440px;margin:0 auto 80px;padding:42px 44px 36px;box-shadow:14px 16px #dce6e9}.candidate-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.candidate-heading>div:first-child{max-width:760px}.candidate-kicker{color:var(--cyan);font:850 9px/1 var(--mono);letter-spacing:.17em;margin:0 0 9px}.candidate-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,43px)}.candidate-heading>div:first-child>p:last-child{color:#afc2cc;max-width:690px;margin:10px 0 0;font-size:12px;line-height:1.65}.candidate-size-tabs{background:#091e2f;border:1px solid #49677b;flex:none;grid-template-columns:1fr 1fr;padding:5px;display:grid}.candidate-size-tabs button{color:#9cb4c1;min-width:106px;min-height:46px;font:850 11px/1 var(--mono);cursor:pointer;background:0 0;border:0;padding:0 14px}.candidate-size-tabs button[aria-selected=true]{color:#071b28;background:var(--cyan);box-shadow:3px 3px 0 var(--yellow)}.candidate-proof-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.candidate-proof{--proof-accent:var(--cyan);min-width:0;color:var(--ink);box-shadow:7px 7px 0 var(--proof-accent);background:#f9fbfb;border:1px solid #8da1aa;padding:11px;transition:transform .18s,border-color .18s;position:relative}.candidate-proof-balanced{--proof-accent:var(--yellow)}.candidate-proof-detailed{--proof-accent:var(--coral)}.candidate-proof.is-selected{border-color:var(--proof-accent);box-shadow:10px 10px 0 var(--proof-accent);transform:translate(-3px,-3px)}.candidate-proof:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:5px}.candidate-proof>input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute}.candidate-proof-index{z-index:4;color:#fff;background:var(--navy);min-width:36px;font:900 10px/1 var(--mono);letter-spacing:.12em;pointer-events:none;padding:7px 8px;position:absolute;top:17px;left:17px}.candidate-proof-image{aspect-ratio:1;width:100%;color:var(--navy);cursor:zoom-in;background-color:#e6ecee;background-image:linear-gradient(45deg,#d8e1e4 25%,#0000 25%),linear-gradient(-45deg,#d8e1e4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8e1e4 75%),linear-gradient(-45deg,#0000 75%,#d8e1e4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:0;place-items:center;padding:17px;display:grid;position:relative;overflow:hidden}.candidate-proof-image img{object-fit:contain;image-rendering:auto;background:#fff;border:1px solid #354d5829;width:100%;height:100%}.candidate-magnify{color:#fff;width:38px;height:38px;font:900 20px/1 var(--mono);background:#10263fe6;border:1px solid #fff;place-items:center;display:grid;position:absolute;bottom:25px;right:25px}.candidate-registration{z-index:3;border:2px solid var(--proof-accent,var(--cyan));pointer-events:none;border-radius:50%;width:17px;height:17px;position:absolute}.candidate-registration:before,.candidate-registration:after{content:"";background:var(--proof-accent,var(--cyan));position:absolute}.candidate-registration:before{width:23px;height:1px;top:6px;left:-5px}.candidate-registration:after{width:1px;height:23px;top:-5px;left:6px}.candidate-registration-a{top:7px;right:7px}.candidate-registration-b{bottom:7px;left:7px}.candidate-proof-copy{cursor:pointer;align-content:start;gap:7px;min-height:116px;padding:16px 48px 5px 4px;display:grid;position:relative}.candidate-proof-title{align-items:center;gap:8px;min-width:0;display:flex}.candidate-proof-title strong{letter-spacing:-.025em;font-size:18px}.candidate-proof-title b{color:#664d05;font:900 7px/1 var(--mono);letter-spacing:.1em;background:#ffe98f;padding:5px 6px 4px}.candidate-proof-copy>small{color:#677781;font-size:10px}.candidate-proof-stats{flex-wrap:wrap;gap:5px;display:flex}.candidate-proof-stats i{color:#405968;font:normal 800 8px/1 var(--mono);background:#edf2f3;border:1px solid #ccd7db;padding:6px 7px}.candidate-proof-stats .candidate-quality-score{color:#123f53;background:#dff7f8;border-color:#70bac2}.candidate-radio-mark{width:31px;height:31px;color:var(--navy);font:950 15px/1 var(--mono);background:#fff;border:2px solid #9fb0b8;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:5px}.candidate-proof.is-selected .candidate-radio-mark{border-color:var(--proof-accent);background:var(--proof-accent)}.candidate-actions{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071927f0;border:1px solid #527084;grid-template-columns:minmax(220px,1fr) auto auto;align-items:stretch;gap:8px;margin-top:28px;padding:9px;display:grid;position:sticky;bottom:10px;box-shadow:0 12px 34px #00000052}.candidate-selection-summary{grid-template-columns:auto minmax(0,1fr);align-content:center;gap:4px 9px;min-width:0;padding:7px 10px;display:grid}.candidate-selection-summary span{color:var(--cyan);font:850 7px/1 var(--mono);letter-spacing:.15em;align-self:center}.candidate-selection-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.candidate-selection-summary small{color:#88a4b3;grid-column:1/-1;font-size:8px}.candidate-actions button{cursor:pointer;border:1px solid #658092;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-size:10px;font-weight:850;display:flex}.candidate-actions button:disabled{opacity:.48;cursor:wait}.candidate-actions svg{width:16px}.candidate-retry{color:#dce9ee;background:#132e43}.candidate-commit{color:#071b28;background:var(--cyan);min-width:224px;box-shadow:inset 0 -4px #0000001a, 4px 4px 0 var(--yellow);border-color:#3ca4b0!important}.candidate-error{color:#ffece6;background:#5b302d;border:1px solid #b86153;grid-column:1/-1;margin:0;padding:8px 10px;font-size:9px}.candidate-zoom-backdrop{z-index:160;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030d17e6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.candidate-zoom{color:#eaf4f7;background:#0b2234;border:1px solid #58778a;grid-template-rows:64px minmax(0,1fr) 62px;width:min(1120px,96vw);min-width:0;height:min(94dvh,980px);min-height:0;display:grid;box-shadow:0 24px 80px #0000008c}.candidate-zoom header{border-bottom:1px solid #38586d;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 10px 9px 18px;display:flex}.candidate-zoom header>div{gap:5px;min-width:0;display:grid}.candidate-zoom header span{color:var(--cyan);font:850 7px/1 var(--mono);letter-spacing:.16em}.candidate-zoom header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.candidate-zoom header button{color:#fff;cursor:pointer;background:#102d42;border:1px solid #4e6c7f;width:44px;height:44px}.candidate-zoom header svg{width:18px}.candidate-zoom-stage{overscroll-behavior:contain;touch-action:pan-x pan-y;background-color:#dfe7e9;background-image:radial-gradient(#afbec4 1px,#0000 1.5px);background-size:10px 10px;min-width:0;min-height:0;padding:18px;display:block;overflow:auto}.candidate-zoom-sheet{--proof-accent:var(--cyan);background:#fff;border:1px solid #8b9da5;min-width:100%;max-width:none;margin:0 auto;padding:14px;position:relative;box-shadow:8px 8px #10263f2e}.candidate-zoom-sheet img{width:100%;max-width:none;height:auto}.candidate-zoom-controls{background:#0b2234;border-top:1px solid #38586d;grid-template-columns:52px 76px 52px;justify-content:center;gap:6px;padding:8px;display:grid}.candidate-zoom-controls button{color:#e8f2f5;cursor:pointer;min-height:44px;font:850 11px/1 var(--mono);background:#102d42;border:1px solid #4f6d80}.candidate-zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.pattern-quality{color:var(--ink);border:1px solid #78909d;border-left:6px solid var(--yellow);background:#f8fafb;margin-top:24px;padding:18px;box-shadow:7px 7px #ffd23c24}.pattern-quality-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.pattern-quality-heading>div{flex:none}.pattern-quality-heading span{color:#38738c;font:800 8px/1 var(--mono);letter-spacing:.13em}.pattern-quality-heading h3{color:var(--navy);letter-spacing:-.025em;margin:6px 0 0;font-size:21px}.pattern-quality-heading p{color:#546b78;max-width:570px;margin:0;font-size:10px;line-height:1.6}.pattern-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.pattern-quality-card{background:#fff;border:1px solid #c0cdd2;grid-template-rows:auto auto;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:9px 12px;min-width:0;padding:12px;display:grid}.pattern-quality-card.is-excellent{border-top:4px solid #55a879}.pattern-quality-card.is-good{border-top:4px solid var(--cyan)}.pattern-quality-card.is-review{border-top:4px solid #e47761}.pattern-quality-score{text-align:center;width:66px;height:66px;color:var(--navy);background-color:#e8f4f5;background-image:radial-gradient(#a9ced2 1px,#0000 1.5px);background-size:8px 8px;border:1px solid #7d9aa8;grid-row:1/3;place-content:center;display:grid}.pattern-quality-score strong{font:900 25px/1 var(--mono)}.pattern-quality-score span{color:#496b7a;font:800 7px/1 var(--mono);margin-top:5px}.pattern-quality-copy{gap:3px;min-width:0;display:grid}.pattern-quality-copy>span{color:#39758c;font:800 8px/1 var(--mono)}.pattern-quality-copy>strong{color:var(--navy);font-size:14px}.pattern-quality-copy>small{color:#697c86;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.pattern-quality-card ul{flex-wrap:wrap;grid-column:2/4;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pattern-quality-card li{color:#49616f;font:750 7px/1 var(--mono);background:#edf3f4;padding:5px 6px}.pattern-quality-card button{min-width:116px;min-height:44px;color:var(--navy);background:var(--cyan);cursor:pointer;box-shadow:3px 3px 0 var(--yellow);border:1px solid #2e8794;grid-area:1/3;padding:0 11px;font-size:9px;font-weight:850}.pattern-quality-card button:disabled{color:#657680;box-shadow:none;cursor:default;background:#e9edef;border-color:#c4ced2}.pattern-quality-error{color:#7f3028;background:#fff0ed;border:1px solid #dd9b91;margin:10px 0 0;padding:9px 11px;font-size:9px}.pattern-quality-note{color:#70808a;margin:10px 0 0;font-size:8px}.header-project-library{color:#eaf7f9;cursor:pointer;background:#0b2031;border:1px solid #4d7185;justify-content:center;align-items:center;gap:8px;min-width:124px;min-height:44px;padding:0 9px 0 12px;font-size:10px;font-weight:800;display:flex}.header-project-library svg{width:16px;color:var(--cyan)}.header-project-library strong{color:#071b28;background:var(--yellow);min-width:24px;height:24px;font:900 10px/1 var(--mono);place-items:center;display:grid}.local-project-strip{max-width:1440px;margin:0 auto 34px;padding:0 44px}.local-project-strip-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px;display:flex}.local-project-strip-heading>div{gap:5px;display:grid}.local-project-strip-heading span{color:#37758c;font:800 8px/1 var(--mono);letter-spacing:.16em}.local-project-strip-heading h2{color:var(--navy);margin:0;font-size:18px}.local-project-strip-heading button{min-height:44px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #8da3ad;padding:0 13px;font-size:9px;font-weight:800}.local-project-strip-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.local-project-strip-list>button{text-align:left;min-width:0;min-height:88px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #b9c7cd;border-left:4px solid #48aeb9;grid-template-columns:68px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:8px;display:grid;box-shadow:4px 4px #dce7ea}.local-project-strip .project-card-canvas{background-color:#e8eef0;background-image:linear-gradient(45deg,#dbe4e7 25%,#0000 25%),linear-gradient(-45deg,#dbe4e7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dbe4e7 75%),linear-gradient(-45deg,#0000 75%,#dbe4e7 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #b5c4ca;width:68px;height:68px}.local-project-strip-list>button>span{gap:7px;min-width:0;display:grid}.local-project-strip-list strong,.local-project-strip-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.local-project-strip-list strong{font-size:11px}.local-project-strip-list small{color:#667983;font:750 8px/1 var(--mono)}.local-project-strip-list>button>i{color:#388697;font:normal 900 16px/1 var(--mono)}.project-library{z-index:80;min-width:0;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--ink);background:#dfe8ea;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.project-library button,.project-library input,.project-library select{min-height:44px}.project-library-header{color:#fff;border-bottom:5px solid var(--cyan);background:var(--navy);grid-template-columns:66px minmax(260px,1fr) auto;align-items:center;gap:16px;min-height:92px;padding:13px max(20px,50vw - 676px);display:grid;box-shadow:0 9px 28px #04111b38}.project-library-mark{width:58px;height:58px;box-shadow:5px 5px 0 var(--yellow);background:#092033;border:1px solid #5b7a8d;grid-template-columns:1fr 1fr;gap:4px;padding:9px;display:grid;transform:rotate(-3deg)}.project-library-mark i{background:var(--cyan);border-radius:50%;box-shadow:inset -3px -3px #00000029}.project-library-mark i:nth-child(2){background:var(--yellow)}.project-library-mark i:nth-child(3){background:var(--coral)}.project-library-mark i:nth-child(4){background:#fff}.project-library-header>div:nth-child(2){gap:4px;min-width:0;display:grid}.project-library-header span{color:#7aa8bb;font:800 8px/1 var(--mono);letter-spacing:.18em}.project-library-header h2{letter-spacing:-.025em;margin:0;font-size:22px}.project-library-header p{color:#9fb4c0;margin:0;font-size:9px}.project-library-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.project-library-actions>button{color:#e8f3f6;cursor:pointer;background:#0b2132;border:1px solid #547287;padding:0 13px;font-size:9px;font-weight:800}.project-library-import{color:#071b28;background:var(--cyan);cursor:pointer;border:1px solid #3b9ba8;justify-content:center;align-items:center;min-height:44px;padding:0 13px;font-size:9px;font-weight:850;display:flex}.project-library-import.is-busy{opacity:.65;cursor:wait}.project-library-import input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.project-library-actions .project-library-close{width:44px;padding:0}.project-library-close svg{width:18px}.project-library-body{overscroll-behavior:contain;background-color:#e4ecee;background-image:radial-gradient(#bac9ce 1px,#0000 1.5px);background-size:11px 11px;min-width:0;min-height:0;padding:22px max(20px,50vw - 676px) 50px;overflow:hidden auto}.project-library-summary{background:#fff;border:1px solid #9eb0b8;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;box-shadow:7px 7px #10263f1a}.project-library-summary>div{border-right:1px solid #d1dade;justify-content:center;align-items:baseline;gap:8px;min-height:76px;padding:12px 16px;display:flex}.project-library-summary>div:last-child{border-right:0}.project-library-summary strong{color:var(--navy);font:900 25px/1 var(--mono)}.project-library-summary span{color:#657782;font-size:9px;font-weight:750}.project-library-summary .is-total{color:#071b28;background:var(--cyan)}.project-library-warning{color:#784628;background:#fff6e9;border:1px solid #d7a576;margin:11px 0 0;padding:10px 13px;font-size:9px}.project-library-import-message,.project-library-import-error{background:#eaf8f1;border:1px solid #71a998;margin:11px 0 0;padding:10px 13px;font-size:9px}.project-library-import-message{color:#2d6954}.project-library-import-error{color:#8a362d;background:#fff2ef;border-color:#d9a29b}.project-library-controls{grid-template-columns:minmax(260px,1fr) auto;align-items:stretch;gap:12px;margin:18px 0;display:grid}.project-library-search{background:#fff;border:1px solid #92a6af;align-items:center;min-width:0;display:flex;position:relative}.project-library-search>span{color:#426f82;font:900 19px/1 var(--mono);position:absolute;left:14px}.project-library-search input{background:0 0;border:0;outline:0;width:100%;padding:0 15px 0 44px;font-size:11px}.project-library-filters{background:#ffffffe6;border:1px solid #9eb0b8;gap:5px;padding:5px;display:flex;overflow-x:auto}.project-library-filters button{color:#5f737e;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-width:70px;padding:0 10px;font-size:9px;font-weight:800}.project-library-filters button[aria-pressed=true]{color:#071b28;background:var(--yellow)}.project-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{background:#fff;border:1px solid #92a7b0;align-self:start;min-width:0;overflow:hidden;box-shadow:7px 7px #10263f1c}.project-card:focus-visible{outline:4px solid var(--coral);outline-offset:3px}.project-card.status-making{border-top:5px solid var(--yellow)}.project-card.status-complete{border-top:5px solid var(--green)}.project-card.status-ready{border-top:5px solid var(--cyan)}.project-card-preview{aspect-ratio:1.34;background-color:#e7edef;background-image:linear-gradient(45deg,#dce5e8 25%,#0000 25%),linear-gradient(-45deg,#dce5e8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce5e8 75%),linear-gradient(-45deg,#0000 75%,#dce5e8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-bottom:1px solid #aebdc3;position:relative;overflow:hidden}.project-card-canvas{width:100%;height:100%;display:block}.project-card-open{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.project-card-open:focus-visible{outline-offset:-5px}.project-local-badge,.project-status-badge{z-index:2;pointer-events:none;min-height:28px;font:850 8px/1 var(--mono);align-items:center;padding:0 8px;display:flex;position:absolute;top:10px}.project-local-badge{color:#eaffff;box-shadow:3px 3px 0 var(--cyan);background:#093540e6;border:1px solid #4ec5cf;gap:6px;left:10px}.project-local-badge i{background:#78eed4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #78eed429}.project-status-badge{color:#071b28;background:var(--yellow);right:10px}.project-card.status-complete .project-status-badge{color:#fff;background:#438c65}.project-card-copy{gap:8px;padding:14px;display:grid}.project-card-title-row{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:7px;min-width:0;display:grid}.project-title-button{min-width:0;color:var(--navy);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;font-weight:850;overflow:hidden}.project-favorite{color:#788b94;cursor:pointer;width:44px;font:800 18px/1 var(--mono);background:#f5f8f9;border:1px solid #c0cdd2;padding:0}.project-favorite.is-active{color:#725605;background:#fff3b7;border-color:#e0b933}.project-card-copy>p{color:#5f7580;margin:0;font-size:9px}.project-card-copy dl{border:1px solid #d2dcdf;grid-template-columns:repeat(3,1fr);margin:2px 0 0;display:grid}.project-card-copy dl>div{border-right:1px solid #d2dcdf;gap:5px;min-width:0;padding:7px;display:grid}.project-card-copy dl>div:last-child{border-right:0}.project-card-copy dt{color:#788991;font-size:7px}.project-card-copy dd{color:var(--navy);font:850 9px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.project-card-tags{flex-wrap:wrap;gap:4px;display:flex}.project-card-tags span{color:#37566a;background:#e7f1f2;padding:5px 6px;font-size:7px;font-weight:750}.project-manage-toggle{color:#536d7a;cursor:pointer;background:#f7f9fa;border:1px solid #b5c4ca;justify-self:start;padding:0 11px;font-size:8px;font-weight:800}.project-card-editor{background:#eef3f4;border-top:1px solid #bdcbd0;gap:10px;padding:13px;display:grid}.project-card-editor label{gap:5px;display:grid}.project-card-editor label>span{color:#536d79;font-size:8px;font-weight:800}.project-card-editor input,.project-card-editor select{width:100%;color:var(--navy);background:#fff;border:1px solid #9eb1b9;padding:0 10px;font-size:10px}.project-card-editor-actions{grid-template-columns:1fr auto;gap:7px;display:grid}.project-card-editor-actions button{color:#071b28;background:var(--cyan);cursor:pointer;border:1px solid #378f9c;padding:0 12px;font-size:8px;font-weight:850}.project-card-editor-actions .is-danger{color:#8a362d;background:#fff4f1;border-color:#d5a49e}.project-card-editor-actions .is-confirm{color:#fff;background:#9d3f34;border-color:#9d3f34}.project-library-empty{text-align:center;background:#ffffffbd;border:1px dashed #8ea5ae;align-content:center;justify-items:center;gap:10px;min-height:430px;padding:40px 20px;display:grid}.project-library-empty>div{background:var(--navy);width:106px;height:106px;box-shadow:8px 8px 0 var(--cyan);grid-template-columns:repeat(3,1fr);gap:5px;padding:14px;display:grid;transform:rotate(-3deg)}.project-library-empty>div i{background:var(--cyan);border-radius:50%}.project-library-empty>div i:nth-child(2n){background:var(--yellow)}.project-library-empty>div i:nth-child(5){background:#fff}.project-library-empty>span{color:#3a7488;font:800 8px/1 var(--mono);letter-spacing:.16em;margin-top:15px}.project-library-empty h3{color:var(--navy);margin:0;font-size:24px}.project-library-empty p{color:#607782;margin:0;font-size:10px}.project-library-empty button,.project-library-no-results button{color:#071b28;background:var(--cyan);cursor:pointer;box-shadow:4px 4px 0 var(--yellow);border:1px solid #2f8895;margin-top:10px;padding:0 17px;font-size:9px;font-weight:850}.project-library-no-results{color:#607580;background:#ffffffc2;border:1px dashed #94a7af;align-content:center;justify-items:center;gap:10px;min-height:280px;display:grid}.project-library-no-results strong{color:var(--navy)}.local-project-detail{z-index:90;min-width:0;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--ink);background:#dfe8ea;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.local-project-detail button{cursor:pointer;min-height:44px}.local-project-header{color:#fff;border-bottom:5px solid var(--cyan);background:var(--navy);grid-template-columns:48px minmax(220px,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:10px max(18px,50vw - 610px);display:grid}.local-project-close{color:#fff;background:#0a2030;border:1px solid #4c6a7d;width:44px;padding:0}.local-project-close svg{width:18px}.local-project-header>div{gap:4px;min-width:0;display:grid}.local-project-header span{color:#76a6b9;font:800 8px/1 var(--mono);letter-spacing:.16em}.local-project-header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.local-project-header p{color:#9eb3be;margin:0;font-size:8px}.local-project-favorite{color:#d8e5ea;background:#0a2030;border:1px solid #567386;min-width:98px;padding:0 13px;font-size:9px;font-weight:800}.local-project-favorite.is-active{color:#071b28;border-color:var(--yellow);background:var(--yellow)}.local-project-scroll{overscroll-behavior:contain;background-color:#e4ecee;background-image:radial-gradient(#b9c8cd 1px,#0000 1.5px);background-size:11px 11px;min-width:0;min-height:0;padding:18px max(18px,50vw - 590px) 36px;overflow:hidden auto}.local-project-controls{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6fafaf5;border:1px solid #8fa5ae;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px;padding:6px;display:grid;position:sticky;top:0;box-shadow:0 7px 18px #0f273721}.local-project-size-tabs,.local-project-orientation{display:flex}.local-project-size-tabs button,.local-project-orientation button{color:#5b707b;min-width:102px;font:800 10px/1 var(--mono);background:#fff;border:1px solid #acbbc1;padding:0 13px}.local-project-size-tabs button+button,.local-project-orientation button+button{border-left:0}.local-project-size-tabs button[aria-selected=true],.local-project-orientation button[aria-pressed=true]{color:#071b28;background:var(--cyan);border-color:#3e9daa}.local-project-orientation button{justify-content:center;align-items:center;gap:7px;display:flex}.local-project-orientation svg{width:15px}.local-project-pattern,.local-project-materials{background:#fff;border:1px solid #8fa4ad;box-shadow:8px 8px #10263f1f}.local-project-pattern-heading{border-bottom:1px solid #abbac0;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:12px 15px;display:flex}.local-project-pattern-heading>div{gap:5px;display:grid}.local-project-pattern-heading span,.local-project-materials header span{color:#3c7890;font:800 8px/1 var(--mono);letter-spacing:.14em}.local-project-pattern-heading h3,.local-project-materials h3{color:var(--navy);margin:0;font-size:20px}.local-project-pattern-heading dl{border:1px solid #ccd6da;margin:0;display:flex}.local-project-pattern-heading dl>div{border-right:1px solid #ccd6da;gap:5px;min-width:90px;padding:8px 10px;display:grid}.local-project-pattern-heading dl>div:last-child{border-right:0}.local-project-pattern-heading dt{color:#788a92;font-size:7px}.local-project-pattern-heading dd{color:var(--navy);font:850 10px/1 var(--mono);margin:0}.local-project-canvas{background:#06131d;height:min(72dvh,780px);min-height:440px;padding:9px}.local-project-canvas .pattern-canvas-shell{width:100%;height:100%}.local-project-materials{margin-top:18px}.local-project-materials>header{border-bottom:1px solid #b6c4ca;justify-content:space-between;align-items:flex-end;gap:20px;padding:15px;display:flex}.local-project-materials>header>div{gap:5px;display:grid}.local-project-materials>header p{color:#607783;max-width:430px;margin:0;font-size:9px;line-height:1.55}.local-material-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px;display:grid}.local-material-grid article{background:#f7f9fa;border:1px solid #c7d2d6;grid-template-rows:auto auto;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;min-height:74px;padding:9px;display:grid}.local-material-grid i{border:2px solid #fff;border-radius:50%;grid-row:1/3;width:30px;height:30px;box-shadow:inset -3px -3px #00000024,0 0 0 1px #9eafb6}.local-material-grid strong{color:var(--navy);font:900 12px/1 var(--mono);text-overflow:ellipsis;overflow:hidden}.local-material-grid span,.local-material-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.local-material-grid span{color:#465f6b;font-size:8px}.local-material-grid small{color:#2f728a;grid-column:1/-1;font-size:8px;font-weight:750}.local-project-dock{color:#fff;background:#0b2132;border-top:1px solid #314f62;grid-template-columns:minmax(128px,auto) minmax(128px,auto) 1fr minmax(220px,.55fr);align-items:center;gap:9px;min-height:76px;padding:9px max(18px,50vw - 590px);display:grid;box-shadow:0 -12px 30px #04121c38}.local-project-dock>div{gap:4px;min-width:0;display:grid}.local-project-dock>div span{color:var(--cyan);font:850 12px/1 var(--mono)}.local-project-dock>div small{color:#89a4b2;font-size:8px}.local-project-inventory{color:#dce9ed;background:#102c3f;border:1px solid #597486;padding:0 15px;font-size:9px;font-weight:800}.local-project-share{color:#dffbfd;background:#123849;border:1px solid #4c8c98;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:9px;font-weight:800;display:flex}.local-project-share svg{width:15px}.local-project-start{color:#071b28;background:var(--cyan);box-shadow:4px 4px 0 var(--yellow);border:1px solid #3d9ca9;padding:0 18px;font-size:11px;font-weight:900;min-height:54px!important}.share-project-backdrop{z-index:170;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030e17c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.share-project-dialog{width:min(1080px,100%);min-height:0;max-height:calc(100dvh - 44px);color:var(--ink);background:#e8eff0;border:1px solid #78909c;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:12px 12px #68d2dc57}.share-project-dialog button{cursor:pointer;min-height:44px}.share-project-header{color:#fff;border-bottom:5px solid var(--cyan);background:var(--navy);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:14px;min-height:82px;padding:13px 16px 13px 20px;display:grid}.share-project-header>div{gap:4px;min-width:0;display:grid}.share-project-header span{color:#79aabd;font:800 8px/1 var(--mono);letter-spacing:.16em}.share-project-header h2{margin:0;font-size:20px}.share-project-header p{color:#a0b6c1;margin:0;font-size:9px}.share-project-header>button{color:#fff;background:#0a2030;border:1px solid #557386;width:44px;padding:0}.share-project-header svg{width:18px}.share-project-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 270px;gap:12px;min-width:0;min-height:0;padding:16px;display:grid;overflow:auto}.share-project-controls{grid-column:1/-1;justify-content:space-between;align-items:center;gap:9px;display:flex}.share-project-controls>div{display:flex}.share-project-controls button{color:#526b78;font:800 9px/1 var(--mono);background:#fff;border:1px solid #9fb1b8;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:flex}.share-project-controls>div button+button{border-left:0}.share-project-controls button[aria-selected=true],.share-project-controls>button[aria-pressed=true]{color:#071b28;background:var(--cyan);border-color:#3b98a5}.share-project-controls svg{width:15px}.share-card-preview{background-color:#dfe7e9;background-image:radial-gradient(#b4c5ca 1px,#0000 1.5px);background-size:10px 10px;border:1px solid #91a6ae;place-items:center;min-height:0;display:grid;overflow:auto}.share-card-preview img{object-fit:contain;width:auto;max-width:100%;height:min(62dvh,720px);max-height:100%;display:block;box-shadow:8px 8px #10263f2e}.share-card-preview p{color:#53717f;background:#fff;margin:0;padding:15px;font-size:10px}.share-project-notes{color:#405d6b;border:1px solid #9fb2ba;border-left:5px solid var(--yellow);background:#fff;align-self:start;gap:10px;padding:17px;display:grid}.share-project-notes strong{color:var(--navy);font-size:15px}.share-project-notes span{color:#355566;background:#edf4f5;padding:9px;font-size:9px;line-height:1.5}.share-project-notes small{color:#34745f;font-size:8px;line-height:1.5}.share-project-actions{min-height:76px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));color:#fff;background:var(--navy);border-top:1px solid #38566a;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.share-project-actions>div{min-width:0}.share-project-actions p{color:#b8d4dd;margin:0;font-size:9px}.share-project-actions>button{color:#e5f0f3;background:#102b3d;border:1px solid #587487;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:9px;font-weight:850;display:flex}.share-project-actions>button svg{width:15px}.share-project-actions>button:disabled{opacity:.45;cursor:wait}.share-project-actions .share-project-system{color:#071b28;background:var(--cyan);min-width:138px;box-shadow:4px 4px 0 var(--yellow);border-color:#3f9ca8}.pwa-status{z-index:165;top:calc(10px + env(safe-area-inset-top));color:#fff;text-align:center;pointer-events:none;background:#0b2132f5;border:1px solid #6b8797;justify-content:center;align-items:center;max-width:min(560px,100vw - 24px);min-height:40px;padding:10px 15px;font-size:9px;font-weight:800;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:5px 5px #68d2dc73}.pwa-status[data-kind=offline]{color:#071b28;background:var(--yellow);border-color:#d8ad2f;box-shadow:5px 5px #0b213252}.pwa-status[data-kind=online]{color:#123f31;background:#d8f6e9;border-color:#5bb894}.pwa-status[data-kind=warning]{color:#7a392f;background:#fff0ed;border-color:#d49a91}.site-footer{color:#fff;background:var(--navy);align-items:center;gap:50px;min-height:170px;padding:40px max(44px,50vw - 676px);display:flex}.footer-brand{margin-right:auto}.site-footer p{color:#b0bec9;text-align:center;font-size:11px;line-height:1.8}.site-footer p span{color:#778d9e}.site-footer>a:last-child{color:var(--cyan);font-size:11px;text-decoration:none}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}@keyframes progress{0%{transform:translate(-110%)}50%,70%{transform:translate(165%)}to{transform:translate(300%)}}}@layer responsive{@media (width<=1180px){.local-project-strip-list{grid-template-columns:repeat(2,minmax(0,1fr))}.local-material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.site-header{gap:12px}.header-project-library{margin-left:auto}.local-project-strip{padding-left:24px;padding-right:24px}.project-library-header,.project-library-body{padding-left:16px;padding-right:16px}.project-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-library-controls{grid-template-columns:1fr}.project-library-filters{order:-1}.local-project-header,.local-project-scroll,.local-project-dock{padding-left:14px;padding-right:14px}.local-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.header-project-library{gap:5px;width:auto;min-width:48px;padding:0 7px}.header-project-library>span{display:none}.header-project-library strong{min-width:22px;height:22px}.local-project-strip{margin-bottom:26px;padding-left:15px;padding-right:15px}.local-project-strip-heading{align-items:center}.local-project-strip-heading h2{font-size:15px}.local-project-strip-heading button{padding:0 9px}.local-project-strip-list{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:9px;display:flex;overflow-x:auto}.local-project-strip-list>button{scroll-snap-align:start;flex:0 0 min(86vw,330px)}.project-library-header{grid-template-columns:48px minmax(100px,1fr) auto;gap:8px;min-height:78px;padding:8px}.project-library-mark{width:42px;height:42px;box-shadow:3px 3px 0 var(--yellow);padding:6px}.project-library-header h2{font-size:17px}.project-library-header p,.project-library-header>div:nth-child(2)>span,.project-library-actions>button:not(.project-library-close){display:none}.project-library-import{width:58px;padding:0 5px;font-size:8px}.project-library-body{padding:10px 8px 30px}.project-library-summary{grid-template-columns:repeat(4,minmax(104px,1fr));overflow-x:auto}.project-library-summary>div{min-height:64px;padding:9px 8px}.project-library-summary strong{font-size:20px}.project-library-controls{gap:7px;margin:10px 0}.project-library-filters{padding:4px}.project-library-filters button{min-width:68px}.project-library-search input{height:46px}.project-library-grid{grid-template-columns:1fr;gap:12px}.project-card-preview{aspect-ratio:1.42}.project-library-empty{min-height:calc(100dvh - 260px)}.local-project-header{grid-template-columns:44px minmax(100px,1fr) 74px;gap:7px;min-height:74px;padding:7px 8px}.local-project-header h2{font-size:14px}.local-project-header>div>span,.local-project-header p{display:none}.local-project-favorite{min-width:0;padding:0 7px;font-size:8px}.local-project-scroll{padding:7px 7px 20px}.local-project-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;margin-bottom:7px}.local-project-size-tabs,.local-project-orientation{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.local-project-size-tabs button,.local-project-orientation button{min-width:0;padding:0 5px;font-size:9px}.local-project-orientation svg{display:none}.local-project-pattern-heading{min-height:70px;padding:9px;display:block}.local-project-pattern-heading h3{font-size:16px}.local-project-pattern-heading dl{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:8px;display:grid}.local-project-pattern-heading dl>div{min-width:0;padding:6px}.local-project-pattern-heading dt{font-size:6px}.local-project-pattern-heading dd{font-size:8px}.local-project-canvas{height:54dvh;min-height:360px;padding:3px}.local-project-materials{margin-top:9px}.local-project-materials>header{padding:11px 9px;display:block}.local-project-materials h3{font-size:17px}.local-project-materials>header p{margin-top:7px;font-size:8px}.local-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.local-material-grid article{padding:7px}.local-project-dock{min-height:72px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:76px 76px minmax(142px,1fr);gap:6px}.local-project-dock>div{display:none}.local-project-inventory{padding:0 5px}.local-project-share{gap:4px;padding:0 5px}.local-project-share svg{width:13px}.local-project-start{padding:0 8px;min-height:52px!important}.share-project-backdrop{place-items:stretch stretch;padding:0}.share-project-dialog{width:100%;height:100dvh;max-height:none;box-shadow:none;border:0}.share-project-header{min-height:74px;padding:calc(7px + env(safe-area-inset-top)) 8px 7px}.share-project-header span,.share-project-header p{display:none}.share-project-header h2{font-size:16px}.share-project-body{grid-template-rows:auto minmax(340px,1fr) auto;grid-template-columns:1fr;gap:7px;padding:8px}.share-project-controls{grid-column:1}.share-project-controls button{min-width:74px;padding:0 7px}.share-card-preview{grid-column:1}.share-card-preview img{width:auto;max-width:100%;height:100%;max-height:min(61dvh,620px)}.share-project-notes{grid-column:1;grid-template-columns:auto 1fr;gap:5px 8px;padding:9px 10px}.share-project-notes strong,.share-project-notes small{grid-column:1/-1}.share-project-notes strong{font-size:12px}.share-project-notes span{padding:5px;font-size:7px}.share-project-actions{min-height:118px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-rows:auto 52px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.share-project-actions>div{grid-column:1/-1;min-height:18px}.share-project-actions:not(:has(p)){grid-template-rows:52px;min-height:66px}.share-project-actions:not(:has(p))>div{display:none}.share-project-actions>button{min-width:0;padding:0 5px;font-size:8px}.share-project-actions .share-project-system{min-width:0}}@media (width<=1180px){.hero{align-items:stretch}.hero-metrics{grid-template-columns:1fr;min-width:310px}.hero-metrics div{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;min-height:76px}.workbench{grid-template-columns:minmax(410px,.9fr) 1.1fr;margin-left:24px;margin-right:24px}.controls-panel{padding:34px 30px}.stage-panel{min-height:720px;padding:32px}.results,.candidate-gallery{margin-left:24px;margin-right:24px}.pattern-editor-workspace{grid-template-columns:80px minmax(300px,1fr) 270px}.editor-tool-list button{min-height:60px}.editor-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-live-stats span{min-width:64px;padding-left:7px;padding-right:7px}}@media (width<=900px){.site-header{padding:0 22px}.site-header nav,.palette-status{display:none}.hero{padding:50px 24px 36px;display:block}.hero-metrics{grid-template-columns:repeat(3,1fr);margin-top:34px}.hero-metrics div{border-right:1px solid var(--line);border-bottom:0;flex-direction:column;min-height:100px;padding:14px 8px;display:flex}.workbench{display:block}.controls-panel{border-right:0;border-bottom:1px solid var(--line)}.creation-mode-tabs{margin-left:-44px;margin-right:-44px}.stage-panel{min-height:650px}.result-header{display:block}.result-actions{justify-content:flex-start;margin-top:24px}.prompt-understanding-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-understanding-facts>div{border-bottom:1px solid #ccd7dc;border-right:1px solid #ccd7dc}.prompt-understanding-facts>div:nth-child(2n){border-right:0}.prompt-understanding-facts>div:last-child{border-bottom:0;border-right:0;grid-column:1/-1}.prompt-understanding-chips{grid-template-columns:1fr}.candidate-gallery{padding:34px 30px 30px}.candidate-heading{flex-direction:column;align-items:stretch;gap:18px}.candidate-size-tabs{width:100%}.candidate-size-tabs button{min-width:0}.candidate-proof-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;gap:16px;margin-left:-30px;margin-right:-30px;padding:5px 52px 17px 30px;scroll-padding-inline:30px;display:flex;overflow-x:auto}.candidate-proof{scroll-snap-align:start;flex:0 0 min(68vw,430px)}.candidate-actions{grid-template-columns:minmax(150px,1fr) auto}.candidate-selection-summary{grid-column:1/-1}.candidate-retry{grid-column:1}.candidate-commit{grid-column:2}.pattern-grid{gap:14px}.pattern-editor-header{grid-template-rows:auto auto;grid-template-columns:minmax(220px,1fr) auto auto}.editor-live-stats{grid-column:1/-1}.editor-live-stats span{flex:1}.pattern-editor-workspace{grid-template-rows:minmax(0,1fr) 164px;grid-template-columns:76px minmax(0,1fr)}.editor-tool-rail{grid-area:1/1/3}.pattern-editor-stage{grid-area:1/2}.editor-palette-panel{border-top:1px solid #355469;border-left:0;grid-area:2/2;grid-template-rows:1fr 1fr;grid-template-columns:210px 170px minmax(0,1fr);gap:6px;padding:8px}.editor-cartridge{grid-area:1/1/3}.editor-replace-card{z-index:1;grid-area:2/1;padding:5px}.editor-replace-card p strong{padding:4px}.editor-replace-card button{min-height:32px}.editor-palette-search{grid-area:1/2;height:auto}.editor-palette-filter{grid-area:2/2}.editor-swatch-grid{grid-area:1/3/3;grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}}@media (width>=701px) and (width<=900px) and (orientation:portrait){.making-header{grid-template-rows:44px 44px;grid-template-columns:48px minmax(120px,1fr) auto;gap:4px 9px;min-height:102px;padding:7px 12px}.making-close{grid-area:1/1}.making-title{grid-area:1/2}.making-timer{grid-area:1/3;min-height:44px}.making-size-tabs{grid-area:2/1/auto/3}.making-orientation{grid-area:2/3}.making-size-tabs button,.making-orientation button{min-height:44px}.making-stage{padding:6px}.making-toolbar{grid-template-columns:1fr 120px 1fr;gap:8px;padding-left:10px;padding-right:10px}.making-tool-modes button,.making-tool-actions button{min-width:60px;padding-left:8px;padding-right:8px}.making-progress-summary{min-width:120px}}@media (width>=901px) and (width<=1180px) and (orientation:portrait){.candidate-heading{flex-direction:column;align-items:stretch;gap:18px}.candidate-size-tabs{width:100%}.candidate-proof-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;gap:18px;margin-left:-44px;margin-right:-44px;padding:5px 70px 18px 44px;scroll-padding-inline:44px;display:flex;overflow-x:auto}.candidate-proof{scroll-snap-align:start;flex:0 0 min(62vw,500px)}}@media (width>=820px) and (width<=1180px) and (orientation:landscape){.making-workspace{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(300px,29vw,340px)}.making-header{grid-area:1/1/auto/-1}.making-board-rail{grid-area:2/1;grid-template-columns:repeat(5,minmax(0,1fr));padding-left:10px;padding-right:10px;display:grid}.making-board-rail button{min-width:0;padding-left:4px;padding-right:4px}.making-stage{grid-area:3/1;padding:6px}.making-toolbar{grid-area:4/1;grid-template-columns:1fr 90px 1fr;gap:7px;padding:7px 9px}.making-tool-modes,.making-tool-actions{gap:4px}.making-tool-modes button,.making-tool-actions button{flex-direction:column;flex:54px;gap:3px;min-width:54px;min-height:48px;padding:4px 6px;font-size:8px}.making-tool-modes button>span:first-child{font-size:15px}.making-progress-summary{gap:4px;min-width:90px}.making-progress-summary strong{font-size:20px}.making-progress-summary span{display:none}.making-color-panel{min-width:0;min-height:0;padding:10px 9px calc(10px + env(safe-area-inset-bottom));border-top:0;border-left:1px solid #355469;grid-area:2/2/5;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.making-current-color{grid-template-columns:44px 32px minmax(0,1fr) 44px;gap:7px;min-height:66px;padding:7px}.making-current-swatch{width:30px;height:30px}.making-complete-color{min-width:0;min-height:56px}.making-color-list{overscroll-behavior-y:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:6px;min-height:0;display:grid;overflow:hidden auto}.making-color-list button{grid-template-columns:24px minmax(0,1fr);gap:6px;min-width:0;min-height:58px;padding:7px}.making-color-list button>i{width:23px;height:23px}}@media (width<=700px){.site-header{height:58px;padding:0 15px}.site-header .brand-mark{width:30px;height:30px}.site-header .brand strong{font-size:13px}.site-header .brand small{display:none}.hero{padding:25px 16px 18px}.hero-label{margin-bottom:10px;font-size:9px}.hero h1{font-size:clamp(31px,9.8vw,42px);line-height:1.03}.hero-copy>p:last-child{margin-top:12px;font-size:12px;line-height:1.55}.hero-metrics,.has-result .hero,.phase-candidates .hero{display:none}.workbench{margin:0 10px 42px;box-shadow:5px 6px #dce6e9}.workbench.is-mobile-collapsed,.phase-candidates .workbench{display:none}.controls-panel{padding:17px 13px 20px}.creation-mode-tabs{margin:-17px -13px 17px}.creation-mode-tabs>button{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:10px 5px 9px}.creation-mode-tabs>button[aria-selected=true]{box-shadow:inset 0 -4px 0 var(--cyan)}.creation-mode-tabs>button[aria-selected=true]:after{display:none}.creation-mode-tabs>button>span:last-child{gap:0}.creation-mode-tabs strong{font-size:9px}.creation-mode-tabs small{display:none}.mode-glyph{width:27px;height:27px}.control-heading h2{margin:8px 0 4px;font-size:17px}.control-heading p{margin-bottom:11px;font-size:10px;line-height:1.45}.text-prompt-panel{min-height:0}.prompt-field textarea{min-height:124px;padding:11px 11px 25px;font-size:12px}.prompt-examples{overscroll-behavior-x:contain;flex-wrap:nowrap;margin-right:-13px;padding-right:13px;overflow-x:auto}.prompt-examples>span{flex:none}.prompt-examples button{flex:none;min-height:40px}.background-choice{min-height:50px}.pattern-import-panel.empty{min-height:0}.import-dropzone{min-height:180px;padding:20px 12px}.import-dropzone>svg{width:42px;height:42px}.import-dropzone strong{margin-top:14px}.inspection-preview{min-height:190px;padding:8px}.inspection-metrics strong{font-size:9px}.crop-fields{grid-template-columns:1fr 1fr}.section-kicker{font-size:8px}.section-kicker span{width:21px;height:21px}.upload-section h2,.style-section h2{margin:8px 0 4px;font-size:17px}.section-copy{margin-bottom:11px;font-size:10px;line-height:1.45}.upload-board{height:154px}.upload-empty{width:calc(100% - 18px);height:calc(100% - 18px)}.upload-board>img{border-width:5px;width:132px;height:132px}.replace-photo{padding:7px 8px;bottom:11px;right:12px}.auto-crop-note{margin-top:7px;font-size:8px}.panel-divider{margin:18px 0}.generation-controls{margin-top:10px}.generation-controls-toggle{min-height:50px;padding:7px 10px}.generation-controls-body{padding:0 9px 10px}.generation-control-row{padding:7px 8px 5px}.generation-control-row input[type=range]{height:44px}.generation-control-label small{max-width:220px}.style-grid{grid-template-columns:1fr 1fr;gap:7px}.style-card{min-height:76px;padding:9px 7px 18px 40px}.style-card.is-selected{padding:8px 6px 17px 39px}.style-swatch{width:23px;height:23px;top:10px;left:9px}.style-copy{gap:2px;padding-right:2px}.style-copy strong{font-size:10px}.style-copy small{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:8px;line-height:1.25;display:-webkit-box;overflow:hidden}.ai-chip,.unavailable-chip{font-size:7px;bottom:6px;left:40px}.recommended-chip{padding:3px 4px 2px;font-size:6px;bottom:5px;right:6px}.radio-mark{top:7px;right:7px}.phase-ready .stage-panel,.phase-prepared .stage-panel,.workbench.is-result-editing .stage-panel,.phase-generating .creation-mode-tabs,.phase-generating .creation-control,.phase-generating .style-control,.phase-generating .generation-controls,.phase-generating .panel-divider,.phase-generating .cta-help,.phase-generating .ai-disclosure{display:none}.phase-generating .controls-panel{border:0;padding:0}.phase-generating .stage-panel{min-height:470px;padding:24px 17px}.phase-generating .bead-orbit{width:184px;height:184px}.phase-generating .bead-orbit i{left:calc(50% + cos(calc(var(--n) * 30deg)) * 82px - 7px);top:calc(50% + sin(calc(var(--n) * 30deg)) * 82px - 7px);width:14px;height:14px}.phase-generating .generation-stage h2{font-size:24px}.candidate-gallery{border-width:1px;margin:0 8px 46px;padding:18px 0;box-shadow:5px 6px #dce6e9}.candidate-heading{gap:13px;padding:0 12px}.candidate-kicker{font-size:7px}.candidate-heading h2{font-size:27px}.candidate-heading>div:first-child>p:last-child{margin-top:7px;font-size:9px;line-height:1.55}.candidate-size-tabs{padding:4px}.candidate-size-tabs button{min-height:44px;padding:0 7px;font-size:10px}.candidate-proof-rail{gap:12px;margin:14px 0 0;padding:5px 40px 17px 12px;scroll-padding-inline:12px}.candidate-proof{max-width:390px;box-shadow:5px 5px 0 var(--proof-accent);flex:0 0 calc(100vw - 56px);padding:8px}.candidate-proof.is-selected{box-shadow:7px 7px 0 var(--proof-accent);transform:translate(-2px,-2px)}.candidate-proof-index{padding:6px 7px;top:13px;left:13px}.candidate-proof-image{padding:12px}.candidate-magnify{width:36px;height:36px;bottom:18px;right:18px}.candidate-proof-copy{gap:6px;min-height:104px;padding:13px 43px 3px 3px}.candidate-proof-title strong{font-size:16px}.candidate-proof-copy>small{font-size:9px}.candidate-radio-mark{width:30px;height:30px;top:13px;right:3px}.candidate-actions{bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:82px minmax(0,1fr);gap:6px;margin:3px 8px 0;padding:7px}.candidate-selection-summary{padding:5px 4px}.candidate-selection-summary span,.candidate-selection-summary small{display:none}.candidate-selection-summary strong{grid-column:1/-1;align-self:center;font-size:10px}.candidate-actions button{min-width:0;min-height:50px;padding:0 7px;font-size:9px}.candidate-retry{grid-column:1}.candidate-retry svg{display:none}.candidate-commit{min-width:0;box-shadow:inset 0 -3px #0000001a, 3px 3px 0 var(--yellow);grid-column:2;font-size:10px!important}.candidate-error{font-size:8px}.candidate-zoom-backdrop{padding:0}.candidate-zoom{grid-template-rows:calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) calc(60px + env(safe-area-inset-bottom));border:0;width:100%;height:100dvh}.candidate-zoom header{padding-top:calc(7px + env(safe-area-inset-top));padding-left:12px;padding-right:8px}.candidate-zoom-stage{overscroll-behavior:auto;padding:8px}.candidate-zoom-sheet{padding:7px}.candidate-zoom-controls{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.is-creation-ready:not(.has-result){padding-bottom:calc(82px + env(safe-area-inset-bottom))}.is-creation-ready:not(.has-result) .generate-bar{z-index:28;right:9px;bottom:calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #68d2dc66;margin:0;padding:7px;position:fixed;left:9px;box-shadow:0 12px 34px #05141f3d}.is-creation-ready:not(.has-result) .generate-bar .button{min-height:50px}.results{padding:13px 11px calc(105px + env(safe-area-inset-bottom));margin:0 8px 48px}.mobile-result-summary{color:var(--ink);background:#fff;border:1px solid #cad5da;align-items:center;gap:9px;margin-bottom:13px;padding:8px;display:flex}.mobile-result-summary img{object-fit:cover;width:42px;height:42px}.mobile-result-summary>span{flex:1;gap:4px;min-width:0;display:grid}.mobile-result-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-result-summary small{color:var(--muted);font-size:8px}.mobile-result-summary button{color:#2f6f91;background:#edf5f7;border:0;min-width:44px;min-height:44px;font-size:10px;font-weight:800}.mobile-result-guide{color:var(--ink);background:#f6fbfc;border:1px solid #75a5b0;gap:9px;margin:10px 0 12px;padding:10px;display:grid;box-shadow:4px 4px #68d2dc38}.mobile-result-guide>span{justify-content:space-between;align-items:baseline;gap:9px;min-width:0;display:flex}.mobile-result-guide strong{font-size:11px}.mobile-result-guide small{color:var(--muted);font-size:8px}.mobile-result-guide>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.mobile-result-guide>div:has(a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-result-guide a{min-width:0;min-height:44px;color:var(--navy);text-align:center;background:#fff;border:1px solid #b7c7cd;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:850;text-decoration:none;display:flex}.mobile-result-guide a:first-child{background:var(--cyan);border-color:#3e9ba6}.result-header{padding:0 2px 14px}.result-header h2{margin:5px 0;font-size:24px}.result-header p:not(.result-kicker){font-size:10px}.result-header .result-actions{display:none}.project-save-state{min-height:40px;margin-top:9px;padding:7px 9px;font-size:9px;line-height:1.45}.project-save-state button{min-height:40px}.prompt-understanding{box-shadow:4px 4px 0 var(--yellow);border-top-width:4px;margin-top:12px;padding:13px 10px 15px}.prompt-understanding:after{display:none}.prompt-understanding-header{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px}.prompt-understanding-mark{width:40px;height:40px;box-shadow:3px 3px 0 var(--cyan);gap:3px;padding:6px}.prompt-understanding-header>div>span{font-size:7px}.prompt-understanding-header h3{margin-top:4px;font-size:16px}.prompt-understanding-header p{font-size:9px;line-height:1.5}.prompt-understanding-header>b{grid-column:1/-1;justify-self:start;margin-top:2px}.prompt-understanding-facts{grid-template-columns:1fr;margin-top:12px}.prompt-understanding-facts>div,.prompt-understanding-facts>div:nth-child(2n),.prompt-understanding-facts>div:last-child{border-bottom:1px solid #ccd7dc;border-right:0;grid-column:auto;padding:9px 10px}.prompt-understanding-facts>div:last-child{border-bottom:0}.prompt-understanding-facts dd{margin-top:5px;font-size:10px}.prompt-understanding-chips{gap:9px;margin-top:10px;padding-right:0}.prompt-understanding-chips>div{grid-template-columns:1fr;gap:6px}.prompt-understanding-chips>div>span{padding-top:0}.prompt-understanding-chips ul{overscroll-behavior-x:contain;flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.prompt-understanding-chips li{flex:none;min-height:34px}.refinement-chat{border-left-width:4px;margin-top:12px;padding:13px 10px;box-shadow:4px 4px #68d2dc29}.refinement-chat-intro{align-items:flex-start;gap:10px}.refinement-chat-mark{width:40px;height:40px;box-shadow:3px 3px 0 var(--yellow)}.refinement-chat-mark svg{width:19px}.refinement-chat-intro>div>span{font-size:7px}.refinement-chat-intro h3{margin-top:4px;font-size:15px}.refinement-chat-intro p{font-size:9px}.refinement-thread{grid-template-columns:1fr;gap:6px;margin:13px 0 9px}.refinement-message{padding:9px 10px}.refinement-message p{font-size:9px}.refinement-suggestions{overscroll-behavior-x:contain;flex-wrap:nowrap;margin-right:-10px;padding-right:10px;overflow-x:auto}.refinement-suggestions button{min-width:max-content;min-height:44px}.refinement-form{padding:9px}.refinement-form textarea{min-height:88px;font-size:11px}.refinement-form-footer{grid-template-columns:1fr auto;gap:8px}.refinement-background-choice{min-height:44px}.refinement-background-choice small{line-height:1.35}.refinement-count{justify-self:end}.refinement-form-footer>button{grid-column:1/-1;min-height:50px}.refinement-note{font-size:7px}.pattern-quality{border-left-width:4px;margin-top:12px;padding:12px 9px;box-shadow:4px 4px #ffd23c24}.pattern-quality-heading{display:block}.pattern-quality-heading span{font-size:7px}.pattern-quality-heading h3{margin-top:5px;font-size:17px}.pattern-quality-heading p{margin-top:6px;font-size:8px;line-height:1.5}.pattern-quality-grid{grid-template-columns:1fr;gap:8px;margin-top:10px}.pattern-quality-card{grid-template-columns:56px minmax(0,1fr) 104px;gap:7px 8px;padding:9px}.pattern-quality-score{width:56px;height:56px}.pattern-quality-score strong{font-size:21px}.pattern-quality-copy>strong{font-size:12px}.pattern-quality-copy>small{font-size:7px}.pattern-quality-card button{width:104px;min-width:0;min-height:48px;padding:0 6px;font-size:8px}.pattern-quality-card ul{grid-column:1/-1}.pattern-quality-card li{font-size:7px}.pattern-quality-note{font-size:7px;line-height:1.5}.pattern-control-rail{z-index:12;background-color:#edf4f6f5;background-image:radial-gradient(#bdcbd0 1px,#0000 1.5px);background-size:9px 9px;border:1px solid #8aa0aa;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;padding:6px;display:grid;position:sticky;top:8px;box-shadow:0 6px 18px #05141f38}.pattern-control-rail .size-tabs{background:#ffffffd6;border:1px solid #9aabb3;grid-template-columns:1fr 1fr;margin:0;display:grid}.pattern-control-rail .size-tabs:has(button:only-child){grid-template-columns:1fr}.pattern-control-rail .size-tabs button{color:#526875;height:44px;font:700 11px/1 var(--mono);background:0 0;border:0}.pattern-control-rail .size-tabs button[aria-selected=true]{color:var(--navy);background:var(--cyan)}.pattern-control-rail .orientation-panel{background:0 0;border:0;margin:0;padding:0;display:block}.pattern-control-rail .orientation-copy{display:none}.pattern-control-rail .orientation-toggle{background:#ffffffd6;width:100%;min-width:0;height:44px}.pattern-control-rail .orientation-toggle button{min-height:44px;padding:0 6px;font-size:11px}.pattern-control-rail .legacy-mirror-note{margin:6px 2px 0;font-size:9px}.pattern-grid{margin-top:10px;display:block}.pattern-grid>div{display:none}.pattern-grid>.is-mobile-active{display:block}.pattern-card{padding:12px}.pattern-card-head{margin-bottom:10px}.pattern-card-head h3{font-size:26px}.pattern-image img{aspect-ratio:1}.pattern-image>span{bottom:7px;right:7px}.pattern-links,.pattern-links.has-edit{grid-template-columns:1fr 1fr}.pattern-start-making{grid-column:1/-1;min-height:50px}.materials{padding:15px 11px}.materials-heading{flex-direction:column;align-items:stretch;gap:12px}.materials-heading h3{font-size:17px}.material-summary{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.material-summary span{text-align:center;padding:7px 4px;font-size:8px}.material-tools{grid-template-columns:1fr auto;align-items:stretch;width:100%}.material-inventory{grid-column:1/-1;min-height:46px}.code-search input{width:100%;height:44px}.material-download{min-height:44px}.material-table-wrap{border:0;max-height:none;overflow:visible}.material-table-wrap table,.material-table-wrap tbody{display:block}.material-table-wrap thead{display:none}.material-table-wrap tbody{gap:7px;display:grid}.material-table-wrap tr{border:1px solid var(--line);background:#fff;grid-template-rows:auto auto;grid-template-columns:32px minmax(72px,1fr) auto auto;align-items:center;gap:3px 9px;padding:9px;display:grid}.material-table-wrap td{border:0;padding:0}.color-cell{grid-area:1/1/3}.color-cell .color-dot{width:28px;height:28px}.code-cell{grid-area:1/2;min-width:0}.code-cell code{display:block}.material-color-meta{color:var(--muted);font:8px/1 var(--mono);margin-top:4px;display:block}.material-count{text-align:right;font-variant-numeric:tabular-nums;min-width:48px}.material-count:before{content:attr(data-label);color:var(--muted);margin-bottom:3px;font-size:8px;display:block}.material-count span,.material-count strong{font:800 13px/1 var(--mono)}.exact-cell{grid-area:1/3}.prepare-cell{color:#2f6f91;grid-area:1/4}.spare-cell{color:var(--muted);grid-area:2/2/auto/-1;font-size:8px}.material-empty{text-align:center;grid-column:1/-1;padding:22px!important}.mobile-bundle-download{color:#d7e5ed;border:1px solid #607991;justify-content:center;align-items:center;gap:7px;min-height:44px;margin:10px 0 0;font-size:10px;text-decoration:none;display:flex}.mobile-bundle-download svg{width:15px}.mobile-result-dock{z-index:30;right:9px;bottom:calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #68d2dc73;grid-template-columns:62px 1fr 62px;gap:7px;padding:7px;display:grid;position:fixed;left:9px;box-shadow:0 12px 34px #05141f4d}.mobile-result-dock.has-edit.has-regenerate{grid-template-columns:58px 58px minmax(110px,1fr) 58px}.mobile-result-dock.has-edit:not(.has-regenerate){grid-template-columns:62px minmax(130px,1fr) 62px}.mobile-result-dock.has-share.has-edit.has-regenerate{grid-template-columns:48px 48px minmax(112px,1fr) 48px 48px;gap:5px}.mobile-result-dock.has-share.has-edit:not(.has-regenerate),.mobile-result-dock.has-share:not(.has-edit).has-regenerate{grid-template-columns:54px minmax(120px,1fr) 54px 54px;gap:6px}.mobile-result-dock.has-share:not(.has-edit):not(.has-regenerate){grid-template-columns:minmax(140px,1fr) 58px 58px}.mobile-result-dock.has-share.has-edit.has-regenerate>button:not(.mobile-start-making) span,.mobile-result-dock.has-share.has-edit.has-regenerate>a span{display:none}.mobile-result-dock button,.mobile-result-dock a{min-width:44px;min-height:48px;color:var(--navy);background:#fff;border:1px solid #b6c4ca;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.mobile-result-dock .mobile-start-making{color:var(--navy);background:var(--cyan);border-color:#3d9eaa;font-size:11px;box-shadow:inset 0 -3px #00000014}.mobile-result-dock a{color:var(--navy);background:#fff;border-color:#b6c4ca;font-size:9px}.mobile-result-dock svg{width:15px}.mobile-result-dock button:disabled{opacity:.5}.mobile-download-error{color:#8a3329;background:#fff0ed;grid-column:1/-1;margin:0;padding:6px 8px;font-size:9px}.results:has(.mobile-result-dock){padding-bottom:calc(112px + env(safe-area-inset-bottom))}.making-workspace{grid-template-rows:auto auto minmax(0,1fr) auto auto}.making-header{grid-template-rows:44px 44px;grid-template-columns:44px minmax(80px,1fr) auto;gap:4px 7px;min-height:98px;padding:7px 8px}.making-close{grid-area:1/1}.making-title{grid-area:1/2}.making-title span{display:none}.making-title strong{font-size:14px}.making-timer{grid-area:1/3;min-width:92px;min-height:44px;padding:5px 8px}.making-timer strong{font-size:12px}.making-size-tabs{grid-area:2/1/auto/3}.making-orientation{grid-area:2/3}.making-size-tabs button,.making-orientation button{min-width:0;min-height:44px;padding:0 8px;font-size:9px}.making-orientation svg{display:none}.making-board-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-height:52px;padding:5px 8px;display:grid;overflow:hidden}.making-board-rail button{min-width:0;min-height:42px;padding:0 2px;font-size:8px}.making-stage{padding:4px}.pattern-canvas-shell{border-width:0}.canvas-zoom-controls{grid-template-columns:44px 54px 44px;top:7px;right:7px}.canvas-coordinate{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 14px);bottom:7px;left:7px;overflow:hidden}.making-loading,.making-load-error{max-width:calc(100vw - 28px);padding:23px 18px}.making-toolbar{grid-template-columns:auto minmax(34px,1fr) auto;gap:6px;min-height:62px;padding:6px 7px}.making-tool-modes{gap:4px}.making-tool-modes button,.making-tool-actions button{flex-direction:column;gap:4px;min-width:44px;min-height:48px;padding:4px 7px;font-size:8px}.making-tool-modes button>span:first-child{font-size:15px}.making-progress-summary{pointer-events:none;background:0 0;justify-self:center;gap:5px;min-width:0;padding:0 3px;position:static}.making-progress-summary strong{font-size:15px}.making-progress-summary span{display:none}.making-tool-actions{gap:4px}.making-tool-actions button span{display:inline}.making-color-panel{min-height:132px;padding:6px 7px calc(7px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 104px;gap:5px}.making-current-color{grid-template-columns:44px 29px 1fr 44px;gap:6px;min-height:51px;padding:3px 5px}.making-current-swatch{width:27px;height:27px}.making-current-color strong{font-size:10px}.making-current-color small{font-size:8px}.making-complete-color{flex-direction:column;gap:5px;min-width:0;min-height:51px;padding:5px 7px;font-size:8px;line-height:1.15}.making-complete-color>span{width:19px;height:19px;font-size:10px}.making-color-list{grid-column:1/-1;gap:5px;min-height:53px}.making-color-list button{grid-template-columns:21px 1fr;gap:5px;min-width:76px;min-height:50px;padding:5px}.making-color-list button>i{width:20px;height:20px}.making-storage-warning{top:calc(105px + env(safe-area-inset-top));white-space:nowrap;max-width:calc(100vw - 20px)}.making-consume-status{right:8px;bottom:calc(202px + env(safe-area-inset-bottom));text-align:center;max-width:none;left:8px}.inventory-backdrop{align-items:flex-end}.inventory-drawer{border-radius:16px 16px 0 0;width:100%;height:min(94dvh,900px);overflow:hidden;box-shadow:0 -20px 60px #00000061}.inventory-header{border-bottom-width:4px;min-height:86px;padding:16px 14px 12px}.inventory-header h2{margin-top:5px;font-size:21px}.inventory-summary{gap:5px;padding:8px}.inventory-summary div{text-align:center;justify-items:center;gap:5px;min-width:0;padding:8px 5px;display:grid}.inventory-summary strong{font-size:18px}.inventory-summary span{font-size:8px}.inventory-controls{grid-template-columns:1fr;gap:7px;padding:8px}.inventory-csv-tools{justify-content:stretch}.inventory-csv-tools button,.inventory-csv-tools label{flex:1;min-height:44px}.inventory-filters button{min-height:44px;padding:0 4px;font-size:9px}.inventory-search input{height:44px}.inventory-palette-status,.inventory-palette-error,.inventory-storage-warning{padding:7px 10px;font-size:9px}.inventory-list{gap:7px;padding:8px}.inventory-row{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr);gap:8px;padding:10px}.inventory-row.is-missing,.inventory-row.is-enough{padding-left:7px}.inventory-color>i{width:32px;height:32px}.inventory-need{text-align:right;justify-items:end}.inventory-stepper{grid-column:1/-1;grid-template-columns:1fr 54px 72px 54px}.inventory-stepper button,.inventory-stepper input{height:46px}.inventory-stepper input{width:72px}.inventory-alternatives{grid-column:1/-1}.inventory-alternatives>div{flex-wrap:nowrap;overflow-x:auto}.inventory-alternatives>div>span{flex:none}.inventory-footer{min-height:70px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));display:block}.inventory-footer-summary{display:none!important}.inventory-footer .inventory-footer-actions{grid-template-columns:minmax(90px,.8fr) minmax(160px,1.3fr);gap:7px;width:100%;display:grid}.inventory-footer button{min-height:50px;padding:0 12px;font-size:10px}.history-strip{padding:0 18px}.site-footer{padding:35px 22px calc(35px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;gap:25px}.footer-brand{margin:0}.mobile-pattern-detail-header{gap:7px;padding-left:8px;padding-right:8px}.mobile-pattern-orientation button{min-width:55px;padding:0 5px}.mobile-pattern-figure{padding:9px}.mobile-pattern-color-section{padding-left:10px;padding-right:10px}.mobile-pattern-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-backdrop{padding:0}.image-dialog{grid-template-rows:56px minmax(0,1fr);width:100%;height:100dvh;max-height:100dvh;display:grid}.image-dialog-scroll{overscroll-behavior:auto;min-height:0;max-height:none;padding:8px}.image-dialog-scroll img{width:100%;min-width:0}.pattern-editor-header{min-height:106px;padding:calc(7px + env(safe-area-inset-top)) 7px 7px;grid-template-rows:44px 44px;grid-template-columns:44px minmax(110px,1fr) auto;gap:4px 6px}.editor-title-block{display:contents}.editor-back{grid-area:1/1;width:44px;height:44px}.editor-title-block>div{grid-area:1/2}.editor-title-block .eyebrow{display:none}.editor-title-block h2{margin:0;font-size:16px}.editor-size-switch{grid-area:2/1/auto/3}.editor-size-switch button,.editor-orientation{min-height:44px;padding:0 8px}.editor-orientation{grid-area:2/3}.editor-live-stats{display:none}.pattern-editor-workspace{grid-template-rows:minmax(0,1fr) 64px 138px;grid-template-columns:minmax(0,1fr)}.pattern-editor-stage{grid-area:1/1;grid-template-rows:minmax(0,1fr);padding:4px;display:grid}.editor-stage-hint{display:none}.editor-canvas-shell{border:0}.editor-zoom-controls{grid-template-columns:44px 52px 44px;top:6px;right:6px}.editor-tool-rail{border-top:1px solid #355469;border-right:0;grid-area:2/1;grid-template-rows:54px;grid-template-columns:76px minmax(0,1fr);gap:5px;padding:5px 6px;display:grid;overflow:hidden}.editor-history-buttons,.editor-history-buttons button{height:54px}.editor-tool-list{overscroll-behavior-x:contain;gap:5px;min-width:0;display:flex;overflow-x:auto}.editor-tool-list button{flex:0 0 64px;gap:3px;min-height:54px;padding:4px 2px}.editor-tool-list button>span{font-size:16px}.editor-tool-list button small{font-size:7px}.editor-palette-panel{border-top:1px solid #355469;border-left:0;grid-area:3/1;grid-template-rows:43px minmax(0,1fr);grid-template-columns:122px minmax(0,1fr);gap:5px;padding:6px;display:grid;position:relative}.editor-cartridge{grid-area:1/1/3;grid-template-columns:1fr;min-height:0;padding:7px 5px 7px 48px}.editor-cartridge-bead{border-width:3px;width:32px;height:32px;left:8px}.editor-cartridge-bead:after{inset:10px}.editor-cartridge small{font-size:7px}.editor-cartridge strong{font-size:14px}.editor-cartridge b{padding:4px;font-size:7px}.editor-palette-search{grid-area:1/2;height:43px}.editor-palette-filter{display:none}.editor-swatch-grid{grid-area:2/2;gap:5px;display:flex;overflow:auto hidden}.editor-swatch-grid button{flex:0 0 74px;min-height:76px}.editor-palette-panel:has(.editor-replace-card) .editor-cartridge{display:none}.editor-replace-card{grid-area:1/1/3;gap:4px;padding:5px}.editor-replace-card p{grid-template-columns:1fr;gap:3px}.editor-replace-card p span{display:none}.editor-replace-card p strong{padding:4px}.editor-replace-card button{min-height:34px;padding:2px;font-size:8px}.pattern-editor-footer{min-height:78px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:minmax(80px,1fr) minmax(176px,1.5fr);gap:7px}.editor-restore{display:none}.editor-save-state{padding-left:4px;font-size:8px}.editor-publish-error{z-index:3;color:#fff4e9;background:#5a2d22;border:1px solid #ef9c6b;padding:8px 10px;position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;box-shadow:0 -5px 18px #00000047}.editor-publish{min-width:0;min-height:56px;box-shadow:inset 0 -4px #0000001a, 3px 3px 0 var(--yellow);padding:6px 8px;font-size:11px}}@media (width<=360px){.making-toolbar{grid-template-columns:1fr auto;position:relative}.making-progress-summary{z-index:2;background:#081927e0;padding:6px 9px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}}