:root{--bg-dark: #080b15;--bg-panel: #16213e;--bg-input: #0f3460;--accent: #ff2833;--accent-hover: #ff6b81;--text: #e0e0e0;--text-dim: #8899aa;--text-bright: #ffffff;--border: #2a2a4e;--radius: 8px;--site-nav-height: 0px;--designer-gap: clamp(6px, 1vh, 12px);--sg-nav-starburst: none}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text);height:100svh;min-height:0;margin:0;overflow:hidden}#app{min-height:0;height:100svh;overflow:hidden}.sg-boot-splash{min-height:100svh;display:grid;place-items:center;padding:clamp(24px,5vw,64px);background:radial-gradient(circle at 50% 42%,rgba(255,40,51,.2),transparent 28%),radial-gradient(circle at 72% 18%,rgba(255,255,255,.08),transparent 20%),linear-gradient(135deg,#101626 0%,var(--bg-dark) 48%,#090b12 100%);color:var(--text)}.sg-boot-card{width:min(460px,100%);text-align:center}.sg-boot-mark{position:relative;height:82px;margin:0 auto 20px;overflow:hidden}.sg-boot-burst{position:absolute;top:50%;left:calc(50% + 90px);width:30px;height:30px;border-radius:0;background:var(--sg-nav-starburst) center / contain no-repeat;filter:drop-shadow(0 0 10px rgba(255,40,51,.85)) drop-shadow(0 0 28px rgba(255,40,51,.45));transform:translate(-50%,-50%) scale(.92);animation:sgBootBurst 1.25s ease-in-out infinite}.sg-boot-beam{position:absolute;top:50%;left:calc(50% - 132px);width:220px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(255,40,51,.18) 18%,rgba(255,40,51,.58) 58%,var(--accent) 100%);box-shadow:0 0 16px #ff2833bd,0 0 34px #ff283347;transform:translateY(-50%) scaleX(.18);transform-origin:left center;animation:sgBootBeam 1.25s cubic-bezier(.22,1,.36,1) infinite}.sg-boot-kicker{margin:0;color:var(--accent);font-size:clamp(.95rem,2.2vw,1.12rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sg-boot-card h1{margin:8px 0;color:var(--text-bright);font-size:clamp(2.35rem,8vw,4.5rem);line-height:.95;letter-spacing:0}.sg-boot-copy{margin:0;color:var(--text-dim);font-size:1rem;line-height:1.5}.sg-boot-error{min-height:100svh;display:grid;place-items:center;padding:32px;background:var(--bg-dark);color:var(--text);text-align:center}.sg-boot-error__panel{max-width:560px;padding:28px;border:1px solid rgba(255,40,51,.32);border-radius:var(--radius);background:#0f34605c;box-shadow:0 24px 70px #00000059}.sg-boot-error h1{margin:0 0 10px;color:var(--text-bright);font-size:1.55rem;letter-spacing:0}.sg-boot-error p{margin:0;color:var(--text-dim);line-height:1.6}@keyframes sgBootBeam{0%,to{transform:translateY(-50%) scaleX(0);opacity:0}12%{opacity:.55}45%,65%{transform:translateY(-50%) scaleX(1);opacity:1}}@keyframes sgBootBurst{0%,38%,to{transform:translate(-50%,-50%) scale(.76) rotate(0);opacity:0}52%{transform:translate(-50%,-50%) scale(1.04) rotate(6deg);opacity:1}}.sg-site-nav{position:sticky;top:0;z-index:50;height:var(--site-nav-height);border-bottom:1px solid rgba(26,26,46,.16);background:#fffffff5;color:#111;backdrop-filter:blur(14px)}.sg-site-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1400px;height:100%;margin:0 auto;padding:0 clamp(12px,2vw,20px)}.sg-site-nav__home,.sg-site-nav__links,.sg-site-nav__utils{display:flex;align-items:center}.sg-site-nav__home{flex:0 0 auto;color:#111;font-weight:800;font-size:.78rem;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sg-site-nav__brand-logo{display:block;width:auto;height:2.55rem;object-fit:contain}.sg-site-nav__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;filter:drop-shadow(0 0 5px rgba(255,40,51,.36))}.sg-site-nav__brand-starburst{display:block;width:100%;height:100%;object-fit:contain}.sg-site-nav__brand-dot{width:.75rem;height:.75rem;border-radius:999px;background:var(--accent);box-shadow:0 0 12px #ff283399}.sg-site-nav__links{flex:1 1 auto;gap:24px;min-width:0}.sg-site-nav__link,.sg-site-nav__util{position:relative;color:#111;font-size:.92rem;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:color .18s ease}.sg-site-nav__link:after{content:"";position:absolute;left:0;right:-1.06rem;bottom:-6px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,40,51,0) 0%,rgba(255,40,51,.35) 36%,rgba(255,40,51,.82) 68%,var(--accent) 92%,var(--accent) 100%);box-shadow:0 0 8px #ff28338a,0 0 17px #ff283352,0 0 26px #ff28332e;transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}.sg-site-nav__link:before{content:"";position:absolute;right:-1.58rem;bottom:-.99rem;width:1.04rem;height:1.04rem;background:var(--sg-nav-starburst) center / contain no-repeat;filter:drop-shadow(0 0 7px rgba(255,40,51,.88)) drop-shadow(0 0 15px rgba(255,40,51,.5)) drop-shadow(0 0 26px rgba(255,40,51,.24));opacity:0;pointer-events:none;transform:translate(-.18rem) scale(.58) rotate(-3deg);transition:opacity .12s ease .16s,transform .18s ease .16s}.sg-site-nav__link:hover,.sg-site-nav__link.active{color:var(--accent)}.sg-site-nav__link:hover:after,.sg-site-nav__link.active:after{transform:scaleX(1)}.sg-site-nav__link:hover:before,.sg-site-nav__link.active:before{opacity:1;transform:translate(0) scale(1) rotate(0)}.sg-site-nav__utils{gap:18px;justify-content:flex-end;text-transform:uppercase;letter-spacing:.18em}.sg-site-nav__util{display:inline-flex;align-items:center;gap:6px;font-size:.78rem}.app-container{position:relative;display:flex;flex-direction:column;height:100svh;min-height:0;max-width:1600px;margin:0 auto;padding:0 clamp(8px,1.2vw,16px);overflow:hidden}#app.is-view-entering .quick-flow,#app.is-view-entering .main-layout,#app.is-view-entering .step-indicator,#app.is-view-entering .quick-progress{animation:sgViewIn .18s cubic-bezier(.22,1,.36,1) both}@keyframes sgViewIn{0%{opacity:.72;transform:translateY(6px) scale(.998)}to{opacity:1;transform:translateY(0) scale(1)}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(5px,.8vh,9px) 0;border-bottom:1px solid var(--border);flex-shrink:0}.logo{margin:0;font-size:clamp(1.24rem,2.05vh,1.62rem);font-weight:700;color:var(--text-bright);letter-spacing:0}.logo .accent{color:var(--accent)}.tool-kicker{color:var(--accent);font-size:clamp(.82rem,1.4vh,1.02rem);font-weight:800;letter-spacing:.08em;margin:0 0 1px;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:12px}.app-title-lockup{min-width:0}.legal-usage-link{color:var(--text-dim);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.legal-usage-link:hover{color:var(--accent-hover)}.mode-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0f34609e}.mode-switch__btn{border:0;border-radius:999px;padding:6px 10px;background:transparent;color:var(--text-dim);font-size:.76rem;font-weight:800;cursor:pointer}.mode-switch__btn.active{background:var(--accent);color:#fff}.app-exit-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0f3460bd;color:var(--text-bright);font-size:1.9rem;line-height:1;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}.app-exit-btn:hover{border-color:var(--accent);color:var(--accent-hover);transform:scale(1.04)}.btn-reset{padding:4px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:.75rem;cursor:pointer;transition:all .15s}.btn-reset:hover{border-color:var(--accent);color:var(--accent)}.ai-status span{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-on{background:#2ecc7133;color:#2ecc71}.ai-off{background:#ff283333;color:var(--accent)}.step-indicator{display:flex;justify-content:center;gap:8px;padding:var(--designer-gap) 0;flex-shrink:0}.step{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.4;transition:opacity .2s}.step.active,.step.completed{opacity:1}.step-number{width:32px;height:32px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;margin-bottom:4px;transition:all .2s}.step.active .step-number{background:var(--accent);color:#fff}.step.completed .step-number{background:#2ecc71;color:#fff}.step-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.step.active .step-label{color:var(--text-bright)}.quick-progress{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 0 5px;flex-shrink:0}.quick-progress__step{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--text-dim);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.54;cursor:pointer}.quick-progress__step.active,.quick-progress__step.completed{color:var(--text-bright);opacity:1}.quick-progress__dot{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0f3460c7;color:inherit;font-size:.68rem}.quick-progress__step.active .quick-progress__dot{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 16px #ff283352}.quick-progress__step.completed .quick-progress__dot{border-color:#2ecc71b3;background:#2ecc713d;color:#7bed9f}.main-layout{display:grid;grid-template-columns:minmax(236px,272px) minmax(0,1fr);gap:clamp(10px,1.25vw,16px);flex:1;padding:0 0 var(--designer-gap);min-height:0}.controls-panel{background:var(--bg-panel);border-radius:var(--radius);padding:clamp(10px,1.4vh,14px);overflow-y:auto;height:100%;min-height:0;overscroll-behavior:contain}.controls-panel h2{font-size:1rem;color:var(--text-bright);margin-bottom:clamp(8px,1.25vh,12px);padding-bottom:6px;border-bottom:2px solid var(--accent)}.preview-panel{background:var(--bg-panel);border-radius:var(--radius);padding:clamp(10px,1.5vh,14px);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:clamp(8px,1.2vh,12px);flex-shrink:0}.preview-tools{display:inline-flex;align-items:center;gap:8px;letter-spacing:0;text-transform:none}.preview-tool{min-width:28px;height:26px;border:1px solid rgba(255,40,51,.42);border-radius:4px;background:#0f3460cc;color:var(--text-bright);cursor:pointer;font-size:.76rem;font-weight:700;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease}.preview-tool:hover{border-color:var(--accent);color:var(--accent-hover);box-shadow:0 0 12px #ff283342}.preview-tool.active,.preview-backdrop-toggle.active{border-color:#2ecc719e;background:#2ecc712e;color:#d9ffe4}.preview-zoom-slider{width:88px;accent-color:var(--accent)}.preview-zoom-value{width:42px;color:var(--text-bright);font-size:.72rem;font-variant-numeric:tabular-nums;text-align:right}.preview-svg{flex:1;display:flex;align-items:center;justify-content:center;background:#2d2d3d;border-radius:var(--radius);padding:clamp(8px,1.5vh,16px);min-height:0;overflow:hidden;position:relative;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:none}.preview-svg[data-backdrop=scene]{background:linear-gradient(180deg,rgba(235,230,218,.18) 0 48%,transparent 48%),linear-gradient(160deg,#c4965d57,#4c372b38 54%,#121826e0),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 44px),#242735}.preview-svg[data-backdrop=clear]{background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25% 75%,rgba(255,255,255,.08) 75%),linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25% 75%,rgba(255,255,255,.08) 75%),#2d2d3d;background-position:0 0,12px 12px,0 0;background-size:24px 24px,24px 24px,auto}.preview-svg[aria-busy=true]:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 0%,transparent 42%,rgba(87,198,255,.12) 49%,rgba(255,40,51,.24) 51%,transparent 59%,transparent 100%);transform:translate(-120%);animation:sgPreviewScan .84s cubic-bezier(.22,1,.36,1) infinite;mix-blend-mode:screen}@keyframes sgPreviewScan{to{transform:translate(120%)}}.preview-svg svg{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:4px;object-fit:contain;transform:scale(var(--preview-zoom, 1));transform-origin:center center;transition:transform .16s ease,filter .22s ease,opacity .22s ease;user-select:none;-webkit-user-select:none;cursor:grab}.preview-svg[data-backdrop=scene] svg{filter:drop-shadow(0 20px 18px rgba(0,0,0,.28)) drop-shadow(0 3px 0 rgba(255,255,255,.08))}.preview-svg:focus-visible{outline:2px solid rgba(87,198,255,.74);outline-offset:3px}.preview-svg text,.preview-svg svg *{user-select:none;-webkit-user-select:none}.preview-svg.is-dragging svg{cursor:grabbing;filter:drop-shadow(0 0 14px rgba(255,40,51,.36))}.preview-svg.is-rendering svg{opacity:1}.preview-tool[id*=reset]{border-color:#57c6ff80;background:#57c6ff1a;box-shadow:inset 0 0 0 1px #57c6ff14}.preview-svg svg .signgen-text,.preview-svg svg .signgen-glyph,.preview-svg svg .signgen-divider{pointer-events:bounding-box}.preview-svg svg .signgen-hit-target{fill:#ff283300;stroke:transparent;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all;cursor:grab;transition:fill .12s ease,stroke .12s ease}.preview-svg svg .signgen-hit-target:hover{fill:#57c6ff14;stroke:#57c6ffc7}.preview-svg svg .signgen-hit-target[data-signgen-selected=true]{fill:#ff283312;stroke:#ff2833b8}.preview-svg svg .signgen-selection-box{fill:none;stroke:#57c6ffe0;stroke-width:1.8;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none;opacity:0;filter:drop-shadow(0 0 8px rgba(255,40,51,.45))}.preview-svg svg .signgen-selection-box[data-signgen-selected=true]{opacity:1;stroke:var(--accent);stroke-width:2.8;stroke-dasharray:9 4}.preview-svg svg .signgen-scale-handle{fill:#fff;stroke:var(--accent);stroke-width:1.6;vector-effect:non-scaling-stroke;pointer-events:all;opacity:0;filter:drop-shadow(0 0 5px rgba(255,40,51,.45))}.preview-svg svg .signgen-scale-handle[data-signgen-selected=true],.preview-svg svg .signgen-scale-handle:hover{opacity:1}.preview-hint{margin-top:clamp(6px,1vh,10px);color:var(--text-dim);font-size:.72rem;line-height:1.4;flex-shrink:0}.selection-toolbar{display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px;border:1px solid rgba(87,198,255,.16);border-radius:6px;background:#0f34608a;flex-shrink:0}.selection-toolbar[data-empty=true]{opacity:.74}.selection-toolbar.is-active{border-color:#ff283361;box-shadow:0 0 18px #ff28331f,inset 0 0 18px #57c6ff14;transform:translateY(-1px)}.selection-toolbar.just-selected .selection-toolbar__label{animation:sgSelectedPulse .32s ease both}@keyframes sgSelectedPulse{0%{color:var(--text-bright)}45%{color:var(--accent-hover);text-shadow:0 0 12px rgba(255,40,51,.42)}to{color:var(--text-bright)}}.selection-toolbar__label{min-width:118px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-bright);font-size:.72rem;font-weight:800}.selection-toolbar .preview-tool{min-width:30px;padding-inline:7px}.selection-font-select{min-width:128px;max-width:170px;height:28px;border:1px solid rgba(87,198,255,.22);border-radius:4px;background:#0a1220d1;color:var(--text-bright);font-size:.72rem;font-weight:700}.selection-font-select:disabled{display:none}.preview-tool--danger{border-color:#ff9d9d6b;color:#ffb4b4}.shape-tuning-panel{margin-top:clamp(6px,1vh,10px);padding:clamp(8px,1.2vh,10px);border:1px solid rgba(87,198,255,.18);border-radius:6px;background:linear-gradient(135deg,#0f3460c2,#17182ee6);box-shadow:inset 0 0 18px #57c6ff14;flex-shrink:0}.shape-tuning-panel.compact{display:flex;align-items:center;justify-content:space-between;gap:12px}.shape-tuning-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.shape-tuning-panel strong{display:block;color:var(--text-bright);font-size:.82rem}.shape-tuning-kicker{display:block;color:var(--text-dim);font-size:.62rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}.shape-tuning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shape-tuning-grid label{display:grid;gap:5px;color:var(--text-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.6px}.shape-param-slider{width:100%;accent-color:var(--accent)}.preview-loading,.preview-error{color:var(--text-dim);font-size:.86rem;text-align:center}.preview-error{color:#ff9d9d;max-width:28rem}.preview-infill{margin-top:8px;background:#0d1117;border-radius:var(--radius);padding:12px;max-height:200px;overflow:hidden}.infill-svg{width:100%;height:auto}.form-group{margin-bottom:clamp(9px,1.25vh,12px)}.form-group label{display:block;font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.input{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-bright);font-size:.9rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--accent)}.input-sm{width:80px;display:inline-block;text-align:center}.inline-inputs{display:flex;align-items:center;gap:8px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238899aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}select.input optgroup{background:var(--bg-panel);color:var(--text-dim)}select.input option{background:var(--bg-input);color:var(--text-bright)}.slider{width:100%;appearance:none;height:4px;background:var(--bg-input);border-radius:2px;outline:none}.slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.slider[data-default]{cursor:ew-resize}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.shape-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}.dec-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.dec-grid .option-btn{font-size:.7rem;padding:6px 4px}.option-btn{padding:7px 6px;background:var(--bg-input);border:2px solid transparent;border-radius:var(--radius);color:var(--text);font-size:.76rem;cursor:pointer;transition:all .15s;text-align:center}.option-btn:hover{border-color:var(--accent);color:var(--text-bright)}.option-btn.selected{border-color:var(--accent);background:#ff283326;color:var(--text-bright)}.shape-thumb{width:54px;height:27px;display:block;margin:0 auto 3px;color:var(--text)}.option-btn.selected .shape-thumb{color:var(--accent)}.btn{padding:10px 20px;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-export{background:#2ecc71;color:#fff}.btn-export:hover{background:#27ae60}.btn-full{width:100%}.btn.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn.is-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#27ae60;animation:sgCartSuccess .52s cubic-bezier(.22,1,.36,1) both}.app-container.is-cart-success .preview-panel{box-shadow:inset 0 0 0 1px #2ecc7152,0 0 30px #2ecc711f}@keyframes sgCartSuccess{0%{transform:scale(1)}45%{transform:scale(1.035);box-shadow:0 0 28px #2ecc7157}to{transform:scale(1)}}.btn-spinner{width:1em;height:1em;border:2px solid rgba(255,255,255,.55);border-right-color:transparent;border-radius:999px;animation:sgSpin .72s linear infinite}@keyframes sgSpin{to{transform:rotate(360deg)}}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--designer-gap) 0;border-top:1px solid var(--border);flex-shrink:0}.step-count{font-size:.8rem;color:var(--text-dim)}.hint{font-size:.75rem;color:var(--text-dim);font-style:italic;margin-top:8px}.quick-start-panel{margin-bottom:clamp(12px,1.5vh,16px);padding:12px;border:1px solid rgba(87,198,255,.2);border-radius:var(--radius);background:linear-gradient(135deg,#0f3460b8,#16213eeb);box-shadow:inset 0 0 22px #57c6ff0f}.quick-start-heading{margin-bottom:10px}.quick-start-heading strong{display:block;color:var(--text-bright);font-size:.92rem}.quick-start-kicker,.quick-start-label{color:var(--accent);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.quick-start-section+.quick-start-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.quick-start-label{margin-bottom:6px;color:var(--text-dim)}.guided-start-panel{border-color:#ff28333d;background:linear-gradient(135deg,#0f3460ad,#1f2646f0)}.guided-start-copy{margin:-2px 0 10px;color:var(--text-dim);font-size:.76rem;line-height:1.4}.starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.starter-btn{display:grid;gap:4px;min-height:70px;padding:9px 8px;text-align:left;align-content:start}.starter-btn__label{color:var(--text-bright);font-weight:800;line-height:1.2}.starter-btn__note{color:var(--text-dim);font-size:.68rem;line-height:1.25}.guided-text-fields{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.guided-text-fields .form-group:last-child{margin-bottom:0}.custom-art-beta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-top:12px}.custom-art-beta__contact{display:inline-flex;align-items:center;justify-content:center;min-width:116px;padding:10px 12px;border:1px solid rgba(46,204,113,.35);border-radius:var(--radius);background:#2ecc711f;color:#7bed9f;font-size:.92rem;font-weight:900;text-decoration:none}.quick-flow{flex:1;min-height:0;overflow:hidden;padding:clamp(10px,1.4vh,16px) 0}.quick-flow--mode-choice{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(14px,2.4vw,32px);align-items:center}.mode-choice-copy{padding:clamp(18px,3vw,34px);border:1px solid rgba(87,198,255,.18);border-radius:var(--radius);background:linear-gradient(135deg,#0f3460b8,#16213ef0);box-shadow:inset 0 0 32px #57c6ff0f}.mode-choice-copy h2{margin:8px 0 10px;color:var(--text-bright);font-size:clamp(1.6rem,3.5vw,3rem);line-height:1.02;letter-spacing:0}.mode-choice-copy p{margin:0;color:var(--text-dim);font-size:clamp(.95rem,1.45vw,1.08rem);line-height:1.55}.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.mode-choice-card{display:grid;align-content:start;gap:10px;min-height:320px;padding:clamp(16px,2.2vw,24px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#0f3460a8;color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease,box-shadow .16s ease}.mode-choice-card:hover,.mode-choice-card:focus-visible{border-color:var(--accent);background:#ff283321;box-shadow:0 18px 56px #00000042;transform:translateY(-1px);outline:none}.mode-choice-card--guided{border-color:#2ecc7157;background:linear-gradient(135deg,#0f3460b8,#2ecc711a)}.mode-choice-card__kicker{width:max-content;padding:3px 8px;border:1px solid rgba(46,204,113,.35);border-radius:999px;color:#7bed9f;font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mode-choice-card strong{color:var(--text-bright);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1}.mode-choice-card span:not(.mode-choice-card__kicker),.mode-choice-card li{color:var(--text-dim);font-size:.9rem;line-height:1.42}.mode-choice-card ol{display:grid;gap:7px;margin:6px 0 0;padding-left:1.15rem}.startup-error{min-height:100svh;display:grid;place-items:center;padding:clamp(24px,5vw,64px);background:var(--bg-dark)}.startup-error__panel{width:min(560px,100%);padding:clamp(22px,4vw,34px);border:1px solid rgba(255,40,51,.28);border-radius:var(--radius);background:linear-gradient(135deg,#0f3460b8,#16213ef0);box-shadow:0 24px 80px #00000057;text-align:center}.startup-error__panel h1{margin:8px 0 10px;color:var(--text-bright);font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:0}.startup-error__panel p{margin:0;color:var(--text-dim);line-height:1.55}.startup-error__actions{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.quick-flow--categories{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:clamp(14px,2vw,28px);align-items:start}.quick-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2.5vw,32px);border:1px solid rgba(255,40,51,.24);border-radius:var(--radius);background:linear-gradient(135deg,#0f3460b8,#16213eeb)}.quick-kicker{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.quick-copy h2,.quick-gallery-head h2,.quick-side-panel h2{margin:8px 0 10px;color:var(--text-bright);font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.02;letter-spacing:0}.quick-copy p{margin:0;color:var(--text-dim);font-size:clamp(.92rem,1.5vw,1.08rem);line-height:1.55}.guided-explainer{display:grid;gap:8px;margin:16px 0 10px}.guided-explainer div{display:grid;gap:2px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0a122057}.guided-explainer strong{color:var(--text-bright);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.guided-explainer span,.guided-mini-note{color:var(--text-dim);font-size:.78rem;line-height:1.38}.quick-copy .guided-mini-note{margin-top:0;font-size:.78rem}.quick-copy .quick-start-panel{margin:16px 0 0;max-height:34vh;overflow:auto}.quick-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;align-content:start;grid-auto-rows:minmax(178px,auto)}.quick-category-card,.studio-invite,.quick-look-card{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:#0f3460a3;color:var(--text);cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}.quick-category-card{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;min-height:178px;padding:12px}.quick-category-card:hover,.studio-invite:hover,.quick-look-card:hover,.quick-look-card.selected{border-color:var(--accent);background:#ff283321;transform:translateY(-1px)}.quick-category-card.is-disabled{cursor:default;opacity:.78}.quick-category-card.is-disabled:hover{transform:none;border-color:#ffffff1a;background:#0f3460a3}.quick-category-card--beta{border-color:#2ecc7147;background:linear-gradient(135deg,#0f3460bd,#2ecc7117)}.quick-category-card__badge{width:max-content;padding:3px 7px;border:1px solid rgba(46,204,113,.4);border-radius:999px;color:#7bed9f;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.quick-category-card__label{display:block;color:var(--text-bright);font-size:1.05rem;font-weight:900}.quick-category-card__previews{position:relative;display:block;height:70px;margin:1px 0 2px;overflow:hidden}.quick-category-card__preview{position:absolute;top:0;left:0;display:grid;place-items:center;width:min(58%,148px);height:54px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#fff;box-shadow:0 10px 26px #00000042;opacity:1}.quick-category-card__preview:nth-child(2){top:5px;left:13px;opacity:.86}.quick-category-card__preview:nth-child(3){top:10px;left:26px;opacity:.72}.quick-category-card__preview:nth-child(4){top:15px;left:39px;opacity:.56}.quick-category-card__preview svg{display:block;width:92%;height:92%;max-width:92%;max-height:92%}.quick-category-card p{margin:0;color:var(--text-dim);font-size:.82rem;line-height:1.35}.quick-category-card__count{margin-top:auto;color:var(--accent-hover);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.quick-category-card__actions{display:flex;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}.quick-category-card__button{border:1px solid rgba(46,204,113,.38);border-radius:999px;background:#2ecc7124;color:#d9ffe4;cursor:pointer;font-size:.8rem;font-weight:900;padding:8px 12px}.quick-category-card__link{margin-top:auto;color:var(--accent-hover);font-size:.82rem;font-weight:800}.quick-category-card__link--large{margin-top:0;font-size:.98rem;color:#7bed9f}.quick-flow--gallery{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px}.quick-gallery-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.quick-gallery-head h2,.quick-side-panel h2{font-size:clamp(1.2rem,2.2vw,2rem);margin-bottom:0}.studio-invite{display:flex;align-items:center;gap:10px;padding:10px 12px}.studio-invite strong{color:var(--text-bright);white-space:nowrap}.studio-invite span{color:var(--text-dim);font-size:.84rem}.quick-gallery-head p{margin:3px 0 0;color:var(--text-dim);font-size:.84rem;line-height:1.35}.quick-look-scroll{min-height:0;overflow:auto;padding-right:4px;overscroll-behavior:contain}.quick-look-section+.quick-look-section{margin-top:16px}.quick-look-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--text-bright);font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.quick-look-section__head small{color:var(--text-dim);font-size:.68rem;font-weight:800}.quick-look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px;min-height:0;overscroll-behavior:contain}.quick-look-card{display:grid;gap:7px;align-content:start;padding:9px}.quick-look-card__preview{display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:6px;background:#f7f7f7;overflow:hidden}.quick-look-card__preview svg{max-width:95%;max-height:95%;width:auto;height:auto;display:block}.quick-look-card__label{color:var(--text-bright);font-size:.88rem;font-weight:900;line-height:1.15}.quick-look-card__note{color:var(--text-dim);font-size:.72rem;line-height:1.25}.quick-flow--personalize,.quick-flow--review{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(10px,1.4vw,16px)}.quick-side-panel{min-height:0;overflow:auto;padding:clamp(12px,1.6vh,16px);border-radius:var(--radius);background:var(--bg-panel);overscroll-behavior:contain}.quick-preview-panel{min-height:0}.text-line-editor{display:grid;gap:9px;margin:12px 0}.text-line-editor.compact{margin-bottom:0}.text-line-row{animation:sgLineIn .18s cubic-bezier(.22,1,.36,1) both}@keyframes sgLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-line-row label{display:block;margin-bottom:5px;color:var(--text-dim);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-line-row__control{display:flex;align-items:center;gap:6px}.text-line-row__control .input{flex:1}.btn-icon{min-width:30px;min-height:30px;border:1px solid var(--border);border-radius:5px;background:#0f3460b8;color:var(--text-bright);cursor:pointer}.bulk-nudge{display:grid;gap:4px;margin-top:12px;padding:12px;border:1px solid rgba(46,204,113,.25);border-radius:var(--radius);background:#2ecc7114;color:var(--text-dim);font-size:.82rem;line-height:1.35}.bulk-nudge strong,.size-price{color:#7bed9f}.material-swatch{display:inline-block;width:18px;height:18px;margin-right:6px;border:1px solid rgba(255,255,255,.32);border-radius:4px;vertical-align:middle;box-shadow:inset 0 0 0 1px #0000001f}.material-preview-note{display:flex;align-items:center;gap:6px;line-height:1.35}.order-summary-panel{display:grid;gap:4px;text-align:center;padding:16px;background:var(--bg-input);border:1px solid rgba(46,204,113,.22);border-radius:var(--radius);margin:16px 0}.order-summary-panel--sticky{position:sticky;bottom:0;z-index:8;box-shadow:0 -14px 36px #00000047}.order-summary-panel__label{color:var(--text-dim);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.order-summary-panel__price{color:#2ecc71;font-size:1.8rem;font-weight:800;line-height:1}.order-summary-panel__detail{color:var(--text-dim);font-size:.76rem}.advanced-typography{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);background:#0f346042}.advanced-typography summary{padding:10px 12px;color:var(--text-bright);cursor:pointer;font-size:.84rem;font-weight:700}.advanced-typography>.form-group,.advanced-typography>.font-preview{margin-inline:12px}.floating-order-cta{position:absolute;right:clamp(18px,4vw,44px);bottom:clamp(18px,4vh,36px);z-index:30;display:grid;gap:6px;justify-items:end;pointer-events:none}.floating-order-cta__price{pointer-events:none;padding:5px 9px;border:1px solid rgba(46,204,113,.36);border-radius:999px;background:#0f3460e6;color:#7bed9f;font-size:.78rem;font-weight:800;box-shadow:0 10px 30px #00000047}.floating-order-cta .btn{pointer-events:auto;padding:13px 20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 48px #00000057,0 0 26px #2ecc7142}.accordion-container{display:flex;flex-direction:column;gap:2px}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.accordion-header:hover{background:var(--border)}.accordion-section.open .accordion-header{border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--border)}.accordion-body{padding:8px;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:#0f34604d}.accordion-arrow{font-size:.7rem;color:var(--text-dim)}@media (max-width: 900px){html{width:100%;overflow-x:hidden}html{overflow-x:clip}body{width:100%;height:auto;min-height:100svh;overflow-x:clip;overflow-y:auto}.sg-site-nav__links,.sg-site-nav__utils{display:none}.mode-switch,.studio-invite,.mode-choice-card--studio,[data-start-mode=studio],.mode-switch__btn[data-designer-mode=studio]{display:none!important}#app,.app-container{width:100%;height:auto;min-height:100svh;overflow:visible;overflow-x:clip}.app-container{padding:0 10px 76px}.app-header{align-items:flex-start;gap:8px;padding:10px 0;flex-wrap:wrap}.logo{font-size:1.18rem}.tool-kicker{font-size:.7rem}.header-right{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.mode-switch{flex:1 1 168px}.mode-switch__btn{flex:1;min-height:36px}.legal-usage-link{display:none}.btn-reset{min-height:36px}.app-exit-btn{width:36px;height:36px;font-size:1.55rem}.quick-progress{justify-content:flex-start;gap:6px;overflow-x:auto;padding:8px 0 7px;scrollbar-width:none}.quick-progress::-webkit-scrollbar{display:none}.quick-progress__step{flex:0 0 auto;min-height:32px}.quick-progress__step span:last-child{display:none}.main-layout{grid-template-columns:1fr;overflow:visible}.quick-flow,.quick-flow--mode-choice,.quick-flow--categories,.mode-choice-grid,.quick-flow--gallery,.quick-flow--personalize,.quick-flow--review{display:grid;grid-template-columns:1fr;grid-template-rows:auto;overflow:visible}.quick-flow{gap:12px;padding:10px 0}.mode-choice-copy,.quick-copy,.quick-side-panel{padding:14px}.mode-choice-copy h2,.quick-copy h2{font-size:1.55rem;line-height:1.08}.mode-choice-card{min-height:0;padding:15px}.mode-choice-card strong{font-size:1.35rem}.quick-copy .quick-start-panel{max-height:none}.quick-category-grid{grid-template-columns:1fr;grid-auto-rows:minmax(148px,auto)}.quick-category-card{min-height:148px}.quick-category-card__previews{height:58px}.quick-gallery-head{grid-template-columns:1fr;align-items:stretch}.quick-gallery-head .btn{width:100%}.studio-invite{align-items:flex-start}.studio-invite strong{white-space:normal}.quick-look-scroll,.quick-look-grid{overflow:visible}.quick-look-grid{grid-template-columns:1fr}.quick-look-card{min-height:0}.quick-preview-panel{order:-1;min-height:330px;height:min(58svh,430px)}.preview-panel{padding:10px}.preview-header{align-items:flex-start;flex-wrap:wrap;gap:8px}.preview-tools{width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.preview-tools::-webkit-scrollbar{display:none}.preview-tool{flex:0 0 auto;min-height:32px}.preview-zoom-slider{min-width:94px}.preview-svg{min-height:220px;padding:8px}.selection-toolbar{overflow-x:auto;scrollbar-width:none}.selection-toolbar::-webkit-scrollbar{display:none}.selection-toolbar__label{min-width:92px;max-width:124px}.selection-font-select{min-width:118px}.floating-order-cta{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));justify-items:stretch}.floating-order-cta .btn{width:100%}.nav-bar{position:sticky;bottom:0;z-index:35;margin:0 -10px;padding:10px;background:#080b15f0;backdrop-filter:blur(14px)}.controls-panel{height:auto;overflow:visible}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-grid{grid-template-columns:1fr}}@media (max-height: 760px) and (min-width: 901px){.preview-hint{display:none}.shape-tuning-panel{margin-top:6px}.step-number{width:28px;height:28px;margin-bottom:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.preview-svg[aria-busy=true]:after{display:none}}