.dash{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 50% -60px,rgba(200,209,216,.5),transparent 65%),var(--paper)}.dash-topbar{display:flex;align-items:center;padding:0 28px;height:56px;flex:none;border-bottom:1px solid var(--line-soft);background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.dash-topbar-logo{display:flex;align-items:center;gap:9px}.dash-logo-img{width:26px;height:26px}.dash-logo-name{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.dash-topbar-logo .preview-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--inset);padding:3px 8px;border-radius:999px}.dash-topbar-end{margin-left:auto;display:flex;align-items:center;gap:8px}.dash-body{flex:1;width:100%;max-width:740px;margin:0 auto;padding:52px 24px 100px}.dash-headline{font-family:var(--font-display);font-size:36px;font-weight:500;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px;line-height:1.1;text-align:center}.composer-card{background:var(--ink);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);box-shadow:0 8px 40px #00000038,0 2px 8px #00000024;overflow:hidden}.composer-textarea{width:100%;min-height:80px;padding:20px 20px 10px;font-family:var(--font-ui);font-size:15px;color:var(--paper);background:transparent;border:none;outline:none;resize:none;line-height:1.6;display:block}.composer-textarea::placeholder{color:#c4d1d859}.composer-foot{display:flex;align-items:center;gap:2px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.07);background:#00000024}.composer-tool-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;padding:6px 10px;height:32px;white-space:nowrap;color:#a4b7bd;background:transparent;border:none;border-radius:var(--r-md);cursor:pointer;transition:background .13s,color .13s}.composer-tool-btn:hover:not(:disabled){background:#ffffff12;color:var(--pale)}.composer-tool-btn:disabled{opacity:.3;cursor:default}.brand-swatch-mini{width:14px;height:14px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px #ffffff26}.composer-brand-pop{top:calc(100% + 6px);left:0;min-width:240px}.composer-ratio-row{display:flex;gap:4px;margin-left:2px}.composer-ratio-opt{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-xs);border:1.5px solid rgba(255,255,255,.14);background:transparent;transition:all .14s ease;padding:0;cursor:pointer}.composer-ratio-opt:hover{border-color:#ffffff47}.composer-ratio-opt.active{border-color:var(--pale);background:#ffffff1a}.composer-ratio-opt .glyph{border:1.5px solid rgba(164,183,189,.5);border-radius:2px;transition:border-color .14s}.composer-ratio-opt.active .glyph{border-color:var(--pale)}.composer-send-btn{width:32px;height:32px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:#c4d1d873;cursor:pointer;transition:background .15s,color .15s,transform .12s;flex:none;margin-left:4px}.composer-send-btn:hover:not(:disabled){background:#ffffff29;color:var(--pale)}.composer-send-btn.active{background:var(--paper);color:var(--ink)}.composer-send-btn.active:hover:not(:disabled){background:#fff;transform:scale(1.05)}.composer-send-btn:disabled{opacity:.45;cursor:default}.composer-error{padding:8px 16px 10px;font-size:12.5px;color:#f87171;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.07)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;justify-content:center}.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:550;color:var(--muted);background:var(--panel);border:1.5px solid var(--line-soft);border-radius:999px;cursor:pointer;transition:all .14s ease;box-shadow:var(--sh-1)}.chip:hover:not(.disabled){color:var(--ink);border-color:var(--line);background:var(--panel);transform:translateY(-1px);box-shadow:var(--sh-2)}.chip.active{color:var(--ink);border-color:var(--primary);background:var(--primary-06);box-shadow:0 0 0 3px var(--primary-06),var(--sh-1)}.chip.disabled{opacity:.45;cursor:default}.dash-tagline{font-size:12.5px;color:var(--muted);text-align:center;margin:12px 0 0;opacity:.75}.dash-section{margin-top:52px}.dash-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 18px}.dash-section-title{display:flex;flex-direction:column;gap:4px}.dash-section-head h2{font-family:var(--font-display);font-size:20px;font-weight:500;margin:0;letter-spacing:-.01em}.dash-section-head p{font-size:13px;color:var(--muted);margin:0}.dash-see-all{flex:none;margin-top:2px;opacity:.45;cursor:default}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.proj-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease;text-align:left;display:flex;flex-direction:column}.proj-card:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--line-mid)}.proj-thumb{aspect-ratio:5/4;position:relative;overflow:hidden;display:grid;place-items:center}.proj-meta{padding:12px 14px 14px}.proj-meta b{font-size:14px;font-weight:600;letter-spacing:-.01em;display:block}.proj-meta .row{display:flex;align-items:center;gap:8px;margin-top:5px}.proj-meta .row span{font-size:12px;color:var(--muted)}.proj-meta .pill{font-size:10.5px;font-weight:600;color:var(--muted);background:var(--inset);padding:2px 8px;border-radius:999px}.new-proj-card{border:1.5px dashed var(--line);background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:210px;color:var(--muted)}.new-proj-card:hover{background:#ffffff73;border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:var(--sh-2)}.new-proj-card .plus{width:44px;height:44px;border-radius:13px;background:var(--inset);display:grid;place-items:center;color:var(--primary)}.new-proj-card b{font-size:14px;font-weight:600}.proj-card--demo{cursor:default;opacity:.55;pointer-events:none;position:relative}.proj-card--demo:hover{transform:none;box-shadow:var(--sh-1);border-color:var(--line-soft)}.demo-badge{position:absolute;top:8px;right:8px;z-index:2;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#1d2a30a6;color:#f1f4f4;padding:3px 8px;border-radius:999px}.trend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.trend-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-1);display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .2s ease}.trend-card:hover{transform:translateY(-3px);box-shadow:var(--sh-3)}.trend-preview{aspect-ratio:16/9;position:relative;overflow:hidden;display:grid;place-items:center}.trend-preview .tag{position:absolute;top:12px;left:12px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#ffffffe6;color:var(--ink);box-shadow:var(--sh-1)}.trend-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.trend-body h3{font-size:16px;font-weight:650;letter-spacing:-.01em;margin:0 0 5px}.trend-body .desc{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 13px}.prompt-preview{font-size:12.5px;line-height:1.55;color:var(--ink);background:var(--inset);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:11px 13px;margin:0 0 14px;font-style:italic}.prompt-preview:before{content:"“";font-family:var(--font-display)}.prompt-preview:after{content:"”";font-family:var(--font-display)}.trend-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.brand-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:20px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:15px;transition:transform .16s ease,box-shadow .2s ease,border-color .2s;cursor:pointer;text-align:left}.brand-card:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:var(--line-mid)}.brand-top{display:flex;align-items:center;gap:13px}.brand-logo{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-display);font-size:20px;flex:none;box-shadow:inset 0 0 0 1px #1d2a300f}.brand-top .tx b{font-size:15px;font-weight:650;display:block;letter-spacing:-.01em}.brand-top .tx span{font-size:12px;color:var(--muted)}.brand-swatches{display:flex;gap:6px}.brand-swatches .sw{flex:1;height:28px;border-radius:6px;box-shadow:inset 0 0 0 1px #1d2a300f}.brand-fonts{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}.brand-fonts b{color:var(--ink);font-weight:600}.brand-fonts .dot{width:3px;height:3px;border-radius:50%;background:var(--line)}.brand-tone{display:flex;flex-wrap:wrap;gap:6px}.brand-tone span{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--inset);padding:3px 9px;border-radius:999px}.brand-new{border:1.5px dashed var(--line);background:transparent;box-shadow:none;align-items:center;justify-content:center;text-align:center;min-height:200px;color:var(--muted);gap:12px}.brand-new:hover{background:#ffffff73;border-color:var(--primary);color:var(--primary)}.brand-new .plus{width:46px;height:46px;border-radius:13px;background:var(--inset);display:grid;place-items:center;color:var(--primary)}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.section-head{display:flex;align-items:baseline;gap:12px;margin:4px 0 18px}.section-head h2{font-family:var(--font-display);font-size:22px;font-weight:500;margin:0;letter-spacing:-.01em}.section-head p{font-size:13.5px;color:var(--muted);margin:0}.pending-assets-tray{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 2px;border-top:1px solid rgba(255,255,255,.07)}.pending-asset-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 4px;border-radius:var(--r-xs);background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:12px;color:#c8d1d8;max-width:200px}.pending-asset-thumb{width:20px;height:20px;border-radius:4px;object-fit:cover;flex:none}.pending-asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:130px}.pending-asset-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:4px;background:transparent;border:none;color:#c4d1d88c;cursor:pointer;flex:none;transition:background .12s,color .12s}.pending-asset-remove:hover:not(:disabled){background:#ffffff1a;color:var(--pale)}.pending-asset-remove:disabled{opacity:.4;cursor:default}.composer-asset-warning{padding:8px 16px 10px;font-size:12.5px;color:#fbbf24;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.07)}.work{height:100%;display:flex;flex-direction:column;background:var(--paper)}.work-top{display:flex;align-items:center;gap:14px;flex:none;height:60px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--line-soft);z-index:20}.work-top .home{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:10px;transition:background .15s}.work-top .home:hover{background:var(--inset)}.proj-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;letter-spacing:-.01em}.proj-name .dot{width:5px;height:5px;border-radius:50%;background:var(--line)}.proj-name .mode-pill{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--primary-10);padding:3px 9px;border-radius:999px}.top-divider{width:1px;height:26px;background:var(--line-soft)}.top-sel{display:flex;align-items:center;gap:8px;height:36px;padding:0 11px;border-radius:10px;border:1px solid var(--line-soft);background:var(--panel);font-size:13px;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s}.top-sel:hover{border-color:var(--line);background:var(--panel-2)}.top-sel .sw{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px #1d2a3014}.top-sel .caret{color:var(--muted)}.top-right{margin-left:auto;display:flex;align-items:center;gap:8px}.autosave{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-right:6px}.autosave .live{width:7px;height:7px;border-radius:50%;background:#5b9279;box-shadow:0 0 0 3px #5b927929}.work-body{flex:1;display:flex;min-height:0}.resizer{flex:none;width:8px;margin-left:-4px;margin-right:-4px;cursor:col-resize;display:grid;place-items:center;z-index:5}.resizer-grip{width:3px;height:36px;border-radius:999px;background:var(--line-soft);transition:background .15s}.resizer:hover .resizer-grip,.resizer:active .resizer-grip{background:var(--primary)}.chat{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line-soft);background:var(--panel)}.chat-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line-soft);flex:none}.chat-head .ttl{font-size:13.5px;font-weight:650}.chat-head .sub{font-size:12px;color:var(--muted)}.chat-head .ai-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--primary);background:var(--primary-06);padding:4px 10px;border-radius:999px}.chat-scroll{flex:1;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:16px}.msg{display:flex;gap:10px;max-width:100%}.msg .av{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700}.msg.user .av{background:var(--ink);color:#eef1f1}.msg.ai .av{background:var(--primary-10);color:var(--primary)}.msg .bubble{font-size:14px;line-height:1.55;padding-top:3px}.msg.user{flex-direction:row-reverse}.msg.user .bubble{background:var(--inset);padding:10px 14px;border-radius:14px 14px 4px;max-width:80%}.msg.ai .bubble{color:var(--ink)}.thinking{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted)}.thinking .dots{display:inline-flex;gap:4px}.thinking .dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out}.thinking .dots i:nth-child(2){animation-delay:.2s}.thinking .dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.approval{border:1px solid var(--line-mid);border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--sh-2);animation:rise .35s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.approval .ap-head{display:flex;align-items:center;gap:9px;padding:13px 15px 11px;border-bottom:1px solid var(--line-soft)}.approval .ap-head .ic{width:26px;height:26px;border-radius:8px;background:var(--primary);color:#eef1f1;display:grid;place-items:center;flex:none}.approval .ap-head b{font-size:13.5px;font-weight:650}.approval .ap-body{padding:13px 15px}.approval .ap-body .lead{font-size:14.5px;font-weight:600;line-height:1.45;margin:0 0 12px;letter-spacing:-.01em}.approval .ap-specs{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.ap-spec{display:flex;align-items:center;gap:10px;font-size:13px}.ap-spec .k{color:var(--muted);width:58px;flex:none}.ap-spec .v{color:var(--ink);font-weight:600}.ap-spec .v.unset{color:var(--line);font-weight:500;font-style:italic}.approval .ap-foot{display:flex;gap:8px;padding:0 15px 15px;flex-wrap:wrap}.approval .ap-foot .btn{flex:none}.approval .ap-foot .btn-primary{flex:1;min-width:140px}.done-card{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--ink);padding:11px 14px;background:var(--primary-06);border:1px solid var(--line-soft);border-radius:var(--r-md)}.done-card .ic{width:24px;height:24px;border-radius:50%;background:#5b9279;color:#fff;display:grid;place-items:center;flex:none}.composer{flex:none;padding:14px 16px 16px;border-top:1px solid var(--line-soft);background:var(--panel)}.composer-box{border:1.5px solid var(--line-soft);border-radius:var(--r-lg);background:var(--panel);transition:border-color .2s,box-shadow .2s;box-shadow:var(--sh-1)}.composer-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-06)}.composer textarea{width:100%;border:none;outline:none;resize:none;background:none;font-size:14px;line-height:1.5;padding:13px 14px 4px;min-height:24px;max-height:120px}.composer textarea::placeholder{color:var(--muted)}.composer-bar{display:flex;align-items:center;gap:6px;padding:6px 8px 8px}.composer-bar .grow{flex:1}.attach{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.attach:hover{background:var(--inset);color:var(--ink)}.send-btn{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#eef1f1;display:grid;place-items:center;transition:background .15s,transform .12s}.send-btn:hover{background:var(--primary-2)}.send-btn:disabled{background:var(--line);cursor:not-allowed}.suggest-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.suggest{font-size:12.5px;font-weight:550;color:var(--muted);border:1px solid var(--line-soft);background:var(--panel);padding:6px 11px;border-radius:999px;transition:all .15s;text-align:left}.suggest:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-06)}.stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:var(--paper)}.stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(94,118,128,.1) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.stage-main{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:30px;position:relative;z-index:1;overflow:auto}.empty{text-align:center;max-width:440px}.empty .orb{width:84px;height:84px;margin:0 auto 22px;border-radius:26px;background:linear-gradient(150deg,var(--pale),#fff);border:1px solid var(--line-soft);box-shadow:var(--sh-2);display:grid;place-items:center;color:var(--primary);position:relative}.empty .orb:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:30px;border:1px dashed var(--line-soft)}.empty h2{font-family:var(--font-display);font-size:28px;font-weight:500;letter-spacing:-.01em;margin:0 0 9px}.empty p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 24px}.empty .opts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.canvas-frame{position:relative;background:var(--panel);border-radius:22px;box-shadow:var(--sh-pop);overflow:hidden;transition:width .3s ease,height .3s ease}.canvas-caption{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.social{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.social-bg{position:absolute;top:0;right:0;bottom:0;left:0}.layer{position:absolute;cursor:pointer;transition:box-shadow .12s;border:1.5px solid transparent;border-radius:4px;padding:2px 4px;margin:-2px -4px}.layer:hover{box-shadow:0 0 0 1.5px #fff9,0 0 0 3px #354e5366}.layer.selected{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--primary)}.layer.selected:after,.layer.selected:before{content:"";position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--primary);border-radius:2px}.layer.selected:before{top:-5px;left:-5px}.layer.selected:after{bottom:-5px;right:-5px}.rail{flex:none;border-top:1px solid var(--line-soft);background:var(--panel);padding:13px 18px 15px;z-index:2}.rail-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.rail-head b{font-size:13px;font-weight:650}.rail-head .count{font-size:12px;color:var(--muted)}.rail-head .actions{margin-left:auto;display:flex;gap:4px}.rail-track{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 8px;align-items:stretch}.rail-item{position:relative;flex:none;cursor:pointer;transition:transform .14s;display:flex;flex-direction:column;align-items:center;gap:6px}.rail-item:hover{transform:translateY(-2px)}.rail-thumb{position:relative;border-radius:11px;overflow:hidden;box-shadow:var(--sh-1);border:2px solid transparent;transition:border-color .15s,box-shadow .2s}.rail-item.active .rail-thumb{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-06),var(--sh-2)}.rail-item .rail-num{position:absolute;top:5px;left:5px;font-size:10px;font-weight:700;background:#1d2a30b3;color:#fff;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rail-item .del{position:absolute;top:4px;right:4px;width:19px;height:19px;border-radius:6px;background:#1d2a3099;color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .15s}.rail-item:hover .del{opacity:1}.rail-item .del:hover{background:#b4543f}.rail-add{flex:none;align-self:stretch;min-width:64px;border-radius:11px;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--muted);background:transparent;transition:all .15s}.rail-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-06)}.inspector{position:absolute;top:18px;right:18px;width:312px;z-index:12;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-pop);overflow:hidden;animation:rise .25s cubic-bezier(.2,.7,.3,1) both;display:flex;flex-direction:column}.insp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft);flex:none}.insp-head-left{display:flex;align-items:center;gap:9px;min-width:0}.insp-head-icon{width:26px;height:26px;border-radius:7px;background:var(--primary-10);color:var(--primary);display:grid;place-items:center;flex:none}.insp-head-title{font-size:13px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-head-locked{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--muted);background:var(--inset);padding:2px 7px;border-radius:999px}.insp-head-close{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--muted);transition:background .14s,color .14s;flex:none}.insp-head-close:hover{background:var(--inset);color:var(--ink)}.insp-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:2px;max-height:62vh;overflow-y:auto}.insp-section{padding:10px 0;border-bottom:1px solid var(--line-soft)}.insp-section:last-of-type{border-bottom:none}.insp-section-title{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.insp-content{width:100%;min-height:56px;max-height:120px;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel);padding:9px 11px;font-size:13.5px;font-weight:500;color:var(--ink);outline:none;resize:vertical;font-family:inherit;line-height:1.45}.insp-content:focus{border-color:var(--primary)}.insp-content:disabled{opacity:.5;cursor:not-allowed;background:var(--inset)}.insp-content::placeholder{color:var(--line)}.insp-field{display:flex;flex-direction:column;gap:7px}.insp-field-header{display:flex;align-items:center;justify-content:space-between}.insp-field-label{font-size:11.5px;font-weight:600;color:var(--muted)}.insp-field-value{font-size:11.5px;font-weight:700;color:var(--ink)}.insp-seg{display:flex;background:var(--inset);border-radius:9px;padding:3px;gap:2px}.insp-seg button{flex:1;height:30px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--muted);display:grid;place-items:center;transition:all .14s}.insp-seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}.insp-seg button:disabled{opacity:.45;cursor:not-allowed}.insp-select{width:100%;height:34px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel);padding:0 10px;font-size:12.5px;font-weight:600;color:var(--ink);outline:none;cursor:pointer}.insp-select:focus{border-color:var(--primary)}.insp-select:disabled{opacity:.5;cursor:not-allowed;background:var(--inset)}.insp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--inset);outline:none}.insp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 3px #fff,var(--sh-1);border:none}.insp-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 3px #fff,var(--sh-1);border:none}.insp-slider:disabled{opacity:.45}.insp-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.insp-swatches{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.insp-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,box-shadow .12s;flex:none}.insp-swatch:hover{transform:scale(1.12)}.insp-swatch.active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--primary)}.insp-swatch:disabled{opacity:.45;cursor:not-allowed}.insp-swatch-custom{width:24px;height:24px;border-radius:50%;overflow:hidden;position:relative;flex:none;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.insp-swatch-custom input[type=color]{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;padding:0;border:none;cursor:pointer;opacity:0}.insp-swatch-custom:has(input:disabled){opacity:.45;cursor:not-allowed}.insp-compact{display:flex;align-items:center;gap:6px;border:1px solid var(--line-soft);border-radius:8px;padding:5px 8px;background:var(--panel)}.insp-compact-label{font-size:10.5px;font-weight:700;color:var(--muted);width:14px;flex:none}.insp-compact-input{width:56px;text-align:right;border:none;background:none;outline:none;font-size:12.5px;font-weight:600;color:var(--ink);padding:0}.insp-compact-suffix{font-size:10.5px;color:var(--muted);font-weight:600;width:14px;flex:none}.insp-compact:has(input:disabled){opacity:.5}.insp-pos{display:flex;flex-direction:column;gap:6px}.insp-pos-header{display:flex;align-items:center;justify-content:space-between}.insp-pos-label{font-size:10.5px;font-weight:700;color:var(--muted)}.insp-pos-input-wrap{display:flex;align-items:center;gap:2px}.insp-pos-input{width:46px;text-align:right;border:1px solid var(--line-soft);border-radius:6px;background:var(--panel);padding:3px 5px;font-size:12px;font-weight:600;color:var(--ink);outline:none}.insp-pos-input:focus{border-color:var(--primary)}.insp-pos-input:disabled{opacity:.45;cursor:not-allowed;background:var(--inset)}.insp-pos-suffix{font-size:12px;font-weight:600;color:var(--muted)}.insp-pos .insp-slider{margin-top:1px}.insp-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.insp-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid var(--line-soft);margin-top:4px}.insp-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--inset);border:1px solid var(--line-soft);transition:all .14s}.insp-footer-btn:hover{background:var(--panel-2);border-color:var(--line)}.insp-footer-btn.danger{color:#b4543f}.insp-footer-btn.danger:hover{background:#b4543f14;border-color:#b4543f40}.insp-footer-btn:disabled{opacity:.45;cursor:not-allowed}.nudge{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.nudge .np{display:flex;align-items:center;gap:6px;border:1px solid var(--line-soft);border-radius:9px;padding:6px 9px}.nudge .np span{font-size:11px;color:var(--muted);font-weight:700}.nudge .np b{font-size:12.5px;font-weight:600;margin-left:auto}.menu-pop{position:absolute;top:56px;right:18px;width:248px;z-index:30;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-md);box-shadow:var(--sh-pop);overflow:hidden;padding:6px;animation:rise .18s ease both}.menu-pop .mh{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:9px 10px 7px}.menu-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border-radius:9px;text-align:left;transition:background .14s}.menu-item:hover{background:var(--inset)}.menu-item .ic{width:32px;height:32px;border-radius:8px;background:var(--inset);color:var(--primary);display:grid;place-items:center;flex:none}.menu-item:hover .ic{background:var(--panel)}.menu-item .tx b{font-size:13.5px;font-weight:600;display:block}.menu-item .tx span{font-size:11.5px;color:var(--muted)}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-item.disabled:hover{background:none}.ver-pop{position:absolute;top:56px;right:130px;width:268px;z-index:30;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-md);box-shadow:var(--sh-pop);overflow:hidden;padding:6px;animation:rise .18s ease both}.ver-item{display:flex;gap:11px;padding:10px;border-radius:9px;transition:background .14s;cursor:pointer}.ver-item:hover{background:var(--inset)}.ver-item .tl{display:flex;flex-direction:column;align-items:center;padding-top:4px}.ver-item .tl .pt{width:8px;height:8px;border-radius:50%;background:var(--line)}.ver-item .tl .pt.now{background:var(--primary);box-shadow:0 0 0 3px var(--primary-10)}.ver-item .tl .ln{width:1.5px;flex:1;background:var(--line-soft);margin-top:3px}.ver-item .tx b{font-size:13px;font-weight:600;display:block}.ver-item .tx span{font-size:11.5px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:60;background:var(--ink);color:#eef1f1;font-size:13.5px;font-weight:550;padding:12px 18px;border-radius:12px;box-shadow:var(--sh-pop);display:flex;align-items:center;gap:10px;animation:toastin .3s ease both}@keyframes toastin{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25}.tmpl-page{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 50% -60px,rgba(200,209,216,.5),transparent 65%),var(--paper)}.tmpl-topbar{display:flex;align-items:center;gap:12px;padding:0 28px;height:56px;flex:none;border-bottom:1px solid var(--line-soft);background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.tmpl-back-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);background:none;border:none;padding:6px 8px;border-radius:var(--r-md);cursor:pointer;transition:color .15s,background .15s}.tmpl-back-btn:hover{color:var(--ink);background:var(--inset)}.tmpl-topbar-title{font-size:14px;font-weight:650;color:var(--ink);letter-spacing:-.01em}.tmpl-topbar-spacer{flex:1}.tmpl-header{padding:44px 40px 20px;max-width:960px;width:100%;margin:0 auto}.tmpl-header h1{font-family:var(--font-display);font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}.tmpl-header p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;max-width:480px}.tmpl-controls{padding:0 40px 24px;max-width:960px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}.tmpl-search-wrap{position:relative;max-width:360px}.tmpl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex}.tmpl-search{width:100%;padding:9px 12px 9px 36px;font-size:13.5px;color:var(--ink);background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.tmpl-search::placeholder{color:var(--muted)}.tmpl-search:focus{border-color:var(--accent, #5e7680);box-shadow:0 0 0 3px #5e768026}.tmpl-cats{display:flex;flex-wrap:wrap;gap:8px}.tmpl-cat{font-size:12.5px;font-weight:600;padding:5px 14px;border-radius:999px;border:1px solid var(--line-soft);background:var(--panel);color:var(--muted);cursor:pointer;transition:all .14s ease;white-space:nowrap}.tmpl-cat:hover{color:var(--ink);border-color:var(--muted)}.tmpl-cat.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tmpl-body{padding:0 40px 60px;max-width:960px;width:100%;margin:0 auto;flex:1}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.tmpl-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-1);display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .2s ease}.tmpl-card:hover{transform:translateY(-3px);box-shadow:var(--sh-3)}.tmpl-preview{aspect-ratio:16/9;position:relative;overflow:hidden;display:grid;place-items:center;container-type:inline-size}.tmpl-preview .tmpl-cat-badge{position:absolute;top:12px;left:12px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#ffffffe6;color:var(--ink);box-shadow:var(--sh-1);z-index:1}.tmpl-preview-title{position:absolute;left:16px;bottom:14px;right:16px;font-family:var(--font-display);font-size:6cqw;font-weight:500;line-height:1.04;z-index:1}.tmpl-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.tmpl-card-body h3{font-size:15px;font-weight:650;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink)}.tmpl-card-desc{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 12px}.tmpl-hints{display:flex;flex-direction:column;gap:3px;margin:0 0 12px}.tmpl-hint{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px}.tmpl-hint:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--muted);flex:none;opacity:.6}.tmpl-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.tmpl-platform-badge{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tmpl-empty{padding:60px 0;text-align:center}.tmpl-empty p{color:var(--muted);font-size:14px}.tmpl-empty button{margin-top:12px}:root{--ink: #1d2a30;--primary: #354e53;--primary-2: #2c4146;--muted: #5e7680;--line: #a4b7bd;--pale: #c8d1d8;--paper: #eceff0;--paper-2: #e6eaeb;--panel: #ffffff;--panel-2: #f7f9f9;--inset: #f1f4f4;--line-soft: rgba(164,183,189,.32);--line-mid: rgba(94,118,128,.22);--line-hard: rgba(53,78,83,.3);--ink-08: rgba(29,42,48,.08);--ink-04: rgba(29,42,48,.04);--primary-10: rgba(53,78,83,.1);--primary-06: rgba(53,78,83,.06);--font-display: "Newsreader", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--sh-1: 0 1px 2px rgba(29,42,48,.05);--sh-2: 0 2px 4px rgba(29,42,48,.04), 0 10px 28px rgba(29,42,48,.06);--sh-3: 0 4px 8px rgba(29,42,48,.05), 0 18px 48px rgba(29,42,48,.1);--sh-pop: 0 8px 20px rgba(29,42,48,.1), 0 24px 60px rgba(29,42,48,.14);--r-xs: 8px;--r-sm: 11px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 30px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}::selection{background:#354e532e}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#5e768047;border-radius:20px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#5e76806b;background-clip:padding-box;border:3px solid transparent}*::-webkit-scrollbar-track{background:transparent}.app{height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--r-sm);font-size:14.5px;font-weight:600;letter-spacing:-.01em;transition:transform .12s ease,box-shadow .2s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#f3f6f6;box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--primary-2);box-shadow:var(--sh-2)}.btn-primary:disabled{background:var(--line);color:#fff;cursor:not-allowed;box-shadow:none;opacity:.65}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-mid)}.btn-ghost:hover{background:var(--panel-2);border-color:var(--line-hard)}.btn-soft{background:var(--inset);color:var(--ink)}.btn-soft:hover{background:var(--paper-2)}.btn-sm{height:32px;padding:0 13px;font-size:13px;border-radius:var(--r-xs)}.btn-icon{width:36px;height:36px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s,color .15s,border-color .15s}.btn-icon:hover{background:var(--inset);color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line-soft);transition:all .15s ease}.chip:hover{border-color:var(--line-hard);color:var(--ink)}.chip.active{background:var(--ink);color:#eef1f1;border-color:var(--ink)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.wordmark{display:flex;align-items:center;gap:11px}.wordmark .glyph{width:30px;height:30px;border-radius:9px;background:transparent;display:grid;place-items:center;flex:none;overflow:hidden}.wordmark .glyph img{width:120%;height:120%;object-fit:contain;display:block}.wordmark .name{font-family:var(--font-display);font-size:23px;font-weight:500;letter-spacing:-.01em;line-height:1;color:var(--ink)}.wordmark .name em{font-style:italic}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1d2a3059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--sh-pop);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal__header{padding:1.5rem 1.5rem .75rem;border-bottom:1px solid var(--line-soft)}.modal__body{padding:1.5rem;overflow-y:auto}.modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--line-soft);display:flex;gap:.75rem;justify-content:flex-end}html[data-theme=dark]{--ink: #e3e8ea;--primary: #8ea3ab;--primary-2: #7a919a;--muted: #5e7680;--line: #4a5c62;--pale: #354e53;--paper: #111a1d;--paper-2: #182328;--panel: #1d2a30;--panel-2: #24363c;--inset: #182328;--line-soft: rgba(74,92,98,.32);--line-mid: rgba(142,163,171,.22);--line-hard: rgba(94,118,128,.3);--ink-08: rgba(227,232,234,.08);--ink-04: rgba(227,232,234,.04);--primary-10: rgba(94,118,128,.1);--primary-06: rgba(94,118,128,.06);--sh-1: 0 1px 2px rgba(0,0,0,.15);--sh-2: 0 2px 4px rgba(0,0,0,.12), 0 10px 28px rgba(0,0,0,.18);--sh-3: 0 4px 8px rgba(0,0,0,.14), 0 18px 48px rgba(0,0,0,.24);--sh-pop: 0 8px 20px rgba(0,0,0,.25), 0 24px 60px rgba(0,0,0,.35)}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] ::selection{background:#8ea3ab38}html[data-theme=dark] .modal-overlay{background:#00000073}html[data-theme=dark] .wordmark .glyph{background:transparent}html[data-theme=dark] .chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}