:root{--bg-0: #0b0b10;--bg-1: #121218;--bg-2: #17171f;--bg-3: #1d1d26;--border: #26262f;--border-soft: #202029;--text: #ececf2;--text-dim: #9a97a8;--text-faint: #6d6a7c;--purple: #7c3aed;--purple-bright: #8b5cf6;--purple-soft: rgba(139, 92, 246, .14);--radius: 8px;--font-ui: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--text);font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2c2c38;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100vh}.app-main{display:flex;flex:1;min-height:0}.app-center{display:flex;flex-direction:column;flex:1;min-width:0}.topbar{height:56px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bg-0);border-bottom:1px solid var(--border);flex-shrink:0}.logo{display:flex;align-items:center;gap:10px;margin-right:8px}.logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;font-size:18px;color:#fff;font-style:italic}.logo-text{line-height:1.1}.logo-text b{font-size:14px;letter-spacing:1px;display:block}.logo-text span{font-size:9px;letter-spacing:3px;color:var(--text-dim)}.crumb{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px;color:var(--text-dim);font-size:12.5px}.crumb .sep{color:var(--text-faint)}.crumb .project{color:var(--text);font-weight:500;display:flex;align-items:center;gap:6px}.save-chip{display:flex;align-items:center;gap:7px;color:var(--text-dim);font-size:12.5px}.save-chip svg{color:var(--purple-bright)}.topbar-spacer{flex:1}.icon-btn{width:34px;height:34px;border-radius:var(--radius);display:grid;place-items:center;color:var(--text-dim);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-2);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{background:none;color:var(--text-dim)}.icon-btn.active{background:var(--purple-soft);color:var(--purple-bright)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--bg-2);color:var(--text);transition:background .15s,border-color .15s}.btn:hover{background:var(--bg-3)}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn.primary:hover{background:var(--purple-bright)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#10b981);display:grid;place-items:center;color:#fff;font-weight:600;font-size:13px;position:relative}.avatar:after{content:"";position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-0)}.left-panel{width:200px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column}.left-scroll{flex:1;overflow-y:auto;padding:12px}.add-element-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--purple);color:#fff;padding:10px;border-radius:var(--radius);font-weight:500;font-size:13px;margin-bottom:18px}.add-element-btn:hover{background:var(--purple-bright)}.panel-group-title{font-size:10px;letter-spacing:1.5px;font-weight:600;color:var(--text-faint);margin:14px 4px 8px}.element-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--text-dim);font-size:13px;border:1px solid transparent;transition:background .12s,color .12s}.element-item:hover{background:var(--bg-2);color:var(--text);border-color:var(--border-soft)}.element-item svg{color:var(--text-faint)}.element-item:hover svg{color:var(--purple-bright)}.left-footer{border-top:1px solid var(--border);padding:10px;display:flex;justify-content:center;gap:10px}.canvas-wrap{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg-2)}.canvas-toolbar{height:44px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--bg-1);border-bottom:1px solid var(--border)}.device-group{display:flex;gap:2px;background:var(--bg-2);border-radius:var(--radius);padding:3px}.device-group .icon-btn{width:30px;height:28px}.width-select{background:var(--bg-2);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);padding:5px 10px;font-size:12px;display:flex;align-items:center;gap:6px}.zoom-group{display:flex;align-items:center;gap:4px;margin:0 auto}.zoom-group span{min-width:44px;text-align:center;color:var(--text-dim);font-size:12px}.canvas-scroll{flex:1;overflow:auto;padding:24px}.canvas-page-outer{display:flex;justify-content:center;min-width:min-content}.canvas-page{background:#fff;color:#111;border-radius:6px;overflow:hidden;box-shadow:0 8px 40px #00000073;transform-origin:top center;transition:width .25s ease;outline:2px solid var(--purple);outline-offset:0}.canvas-page.no-outline{outline:none}.page-tab{position:sticky;top:0;z-index:5;display:inline-flex;align-items:center;gap:6px;background:var(--purple);color:#fff;font-size:11px;font-weight:500;padding:4px 12px;border-radius:6px 6px 0 0;margin-bottom:-2px}.ex-el{position:relative}.ex-el.selectable:hover{outline:1px dashed rgba(124,58,237,.5);outline-offset:-1px;cursor:pointer}.ex-el.selected{outline:2px solid var(--purple)!important;outline-offset:-2px}.sel-chip{position:absolute;top:0;left:0;z-index:30;background:var(--purple);color:#fff;font-family:var(--font-ui);font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:0 0 6px;pointer-events:none}.sel-toolbar{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:2px;background:#1b1b23;border:1px solid var(--border);border-radius:10px;padding:5px 7px;box-shadow:0 8px 24px #00000080}.sel-toolbar button{width:30px;height:28px;display:grid;place-items:center;color:#b9b6c7;border-radius:6px}.sel-toolbar button:hover{background:#26262f;color:#fff}.sel-toolbar button.danger:hover{background:#ef444426;color:#ef4444}.ex-accent{color:#7c3aed}.site-nav{display:flex;align-items:center;gap:28px;font-family:var(--font-ui)}.site-nav .nav-logo{display:flex;align-items:center;gap:10px;margin-right:auto}.nav-logo-icon{width:34px;height:34px;border-radius:50%;border:2px solid #7c3aed;color:#7c3aed;display:grid;place-items:center;font-size:16px;font-weight:700}.nav-logo-text b{display:block;font-size:15px;letter-spacing:.5px;color:#241d35}.nav-logo-text span{font-size:8.5px;letter-spacing:1.6px;color:#6d6880}.site-nav a{text-decoration:none;color:#4a4458;font-size:13.5px;font-weight:500}.site-nav a.active{color:#7c3aed;border-bottom:2px solid #7c3aed;padding-bottom:3px}.site-nav .nav-cta{background:#7c3aed;color:#fff;font-size:13px;font-weight:500;padding:9px 20px;border-radius:8px;display:inline-flex;align-items:center;gap:7px}.site-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:14px;font-weight:500;padding:12px 22px;border-radius:9px}.site-btn.primary{background:#7c3aed;color:#fff}.site-btn.outline{background:#fff;color:#3f3952;border:1px solid #ded7ee}.site-card{text-align:center;font-family:var(--font-ui)}.site-card .card-icon{width:46px;height:46px;border-radius:50%;background:#efe9fb;color:#7c3aed;display:grid;place-items:center;margin:0 auto 14px}.site-card h4{font-size:16px;font-weight:700;color:#241d35;margin-bottom:8px}.site-card p{font-size:12.5px;color:#6d6880;line-height:1.55}.heading-underline{width:40px;height:3px;background:#7c3aed;border-radius:2px;margin:10px 0 16px}.inspector{width:300px;flex-shrink:0;background:var(--bg-1);border-left:1px solid var(--border);display:flex;flex-direction:column}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.inspector-header h2{font-size:16px;font-weight:600}.inspector-tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid var(--border)}.inspector-tabs button{padding:8px 2px 10px;font-size:13px;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px}.inspector-tabs button.active{color:var(--text);border-bottom-color:var(--purple);font-weight:500}.inspector-body{flex:1;overflow-y:auto;padding:14px 16px 40px}.insp-section{border-bottom:1px solid var(--border-soft);padding-bottom:14px;margin-bottom:14px}.insp-section-head{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text);padding:4px 0 10px}.insp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.insp-row label{color:var(--text-dim);font-size:12.5px;flex-shrink:0}.insp-select,.insp-input{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:7px 10px;font-size:12.5px;width:130px}.insp-input.tiny{width:58px;text-align:center}.insp-input:focus,.insp-select:focus{outline:1px solid var(--purple);border-color:var(--purple)}.color-swatch-row{display:flex;align-items:center;gap:8px}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);padding:0;overflow:hidden;cursor:pointer;background:none}.color-swatch input{width:150%;height:150%;transform:translate(-25%,-25%);border:none;cursor:pointer}.range-row{display:flex;align-items:center;gap:10px;flex:1}.range-row input[type=range]{flex:1;accent-color:var(--purple)}.range-row .val{color:var(--text-dim);font-size:12px;min-width:38px;text-align:right}.spacing-box{background:var(--bg-2);border:1px dashed var(--border);border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;gap:6px;place-items:center;margin-bottom:10px}.spacing-box .pad-input{width:52px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 4px;font-size:12px;text-align:center}.spacing-box .center-cell{width:64px;height:34px;border:1px solid var(--border);border-radius:6px;display:grid;place-items:center;color:var(--text-faint)}.insp-empty{padding:40px 20px;text-align:center;color:var(--text-faint);font-size:13px;line-height:1.6}.insp-textarea{width:100%;min-height:80px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 10px;font-size:12.5px;resize:vertical;line-height:1.5}.bottom-panel{height:290px;flex-shrink:0;display:flex;border-top:1px solid var(--border);background:var(--bg-1);min-width:0}.bp-col{display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.bp-col:last-child{border-right:none}.bp-title{font-size:13px;font-weight:600;padding:12px 14px 8px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.bp-scroll{flex:1;overflow-y:auto;padding:0 8px 12px}.pages-col{width:220px}.page-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--text-dim);font-size:13px;margin-bottom:2px}.page-item:hover{background:var(--bg-2);color:var(--text)}.page-item.active{background:var(--purple);color:#fff}.page-item.active svg{color:#fff}.page-item svg{color:var(--text-faint);flex-shrink:0}.page-item .grow{flex:1;text-align:left}.add-page{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--text-faint);font-size:13px}.add-page:hover{color:var(--purple-bright)}.components-col{width:230px}.component-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--text-dim);font-size:13px;margin-bottom:2px}.component-item:hover{background:var(--bg-2);color:var(--text)}.component-item.active{background:var(--purple);color:#fff}.component-item svg{flex-shrink:0}.code-col{flex:1;min-width:0}.code-tabs{display:flex;gap:4px}.code-tabs button{font-size:11.5px;font-weight:500;padding:4px 12px;border-radius:6px;color:var(--text-dim)}.code-tabs button.active{background:var(--purple-soft);color:var(--purple-bright)}.code-view{flex:1;overflow:auto;margin:0 14px 12px;background:var(--bg-0);border:1px solid var(--border-soft);border-radius:var(--radius);padding:10px 0}.code-view pre{font-family:SF Mono,ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.65;color:#c8c5d6}.code-line{display:flex;white-space:pre}.code-line .ln{width:38px;flex-shrink:0;text-align:right;padding-right:12px;color:#4a4858;-webkit-user-select:none;user-select:none}.tok-tag{color:#c084fc}.tok-attr{color:#7dd3fc}.tok-str{color:#86efac}.tok-comment{color:#565466;font-style:italic}.structure-col{width:280px}.tree-node{-webkit-user-select:none;user-select:none}.tree-row{width:100%;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;color:var(--text-dim);font-size:12.5px;text-align:left}.tree-row:hover{background:var(--bg-2);color:var(--text)}.tree-row.selected{background:var(--purple);color:#fff}.tree-row .twisty{width:14px;display:grid;place-items:center;color:var(--text-faint)}.tree-row.selected .twisty{color:#fff}.tree-row svg.node-icon{flex-shrink:0;opacity:.7}.chat-panel{width:320px;flex-shrink:0;background:var(--bg-1);border-left:1px solid var(--border);display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.chat-header .spark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:grid;place-items:center;color:#fff}.chat-header h3{font-size:14px;font-weight:600}.chat-header p{font-size:11px;color:var(--text-dim)}.chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:92%;padding:10px 12px;border-radius:12px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.chat-bubble.assistant{background:var(--bg-2);border:1px solid var(--border-soft);align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.user{background:var(--purple);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-suggestions{padding:0 14px 8px;display:flex;flex-wrap:wrap;gap:6px}.chat-suggestions button{font-size:11px;color:var(--purple-bright);background:var(--purple-soft);border-radius:20px;padding:5px 11px}.chat-suggestions button:hover{background:#8b5cf640}.chat-input-row{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border)}.chat-input-row textarea{flex:1;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:9px 12px;font-size:12.5px;resize:none;height:40px;line-height:1.5}.chat-input-row textarea:focus{outline:1px solid var(--purple)}.chat-send{width:40px;height:40px;border-radius:10px;background:var(--purple);color:#fff;display:grid;place-items:center}.chat-send:hover{background:var(--purple-bright)}.chat-send:disabled{opacity:.4;cursor:default}.typing-dots:after{content:"···";letter-spacing:3px;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{height:100vh;display:grid;place-items:center;background:radial-gradient(600px 400px at 20% 10%,rgba(124,58,237,.18),transparent),radial-gradient(500px 350px at 85% 90%,rgba(139,92,246,.12),transparent),var(--bg-0);overflow-y:auto;padding:24px}.auth-card{width:400px;max-width:100%;background:var(--bg-1);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 24px 80px #0000008c}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-brand b{font-size:15px;letter-spacing:1.5px;display:block}.auth-brand span{font-size:9px;letter-spacing:3px;color:var(--text-dim)}.auth-card h1{font-size:22px;font-weight:600;margin-bottom:6px}.auth-sub{color:var(--text-dim);font-size:13px;line-height:1.5;margin-bottom:20px}.auth-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:12px;line-height:1.55;border-radius:10px;padding:10px 12px;margin-bottom:18px}.auth-banner code{color:#fde68a;font-size:11px}.auth-tabs{display:flex;background:var(--bg-2);border-radius:10px;padding:4px;margin-bottom:20px;gap:4px}.auth-tabs button{flex:1;padding:8px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-dim)}.auth-tabs button.active{background:var(--purple);color:#fff}.auth-label{display:block;font-size:12px;color:var(--text-dim);margin:0 0 6px 2px}.auth-field{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:0 12px;margin-bottom:14px;color:var(--text-faint)}.auth-field:focus-within{border-color:var(--purple)}.auth-field input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13.5px;padding:11px 0}.auth-error{color:#f87171;font-size:12.5px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px 11px;margin-bottom:12px;line-height:1.45}.auth-info{color:#4ade80;font-size:12.5px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:8px 11px;margin-bottom:12px;line-height:1.45}.auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--purple);color:#fff;font-size:14px;font-weight:500;padding:11px;border-radius:10px;margin-top:4px}.auth-submit:hover{background:var(--purple-bright)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-magic{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--purple-bright);font-size:12.5px;padding:10px;margin-top:6px;border-radius:10px}.auth-magic:hover{background:var(--purple-soft)}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text-faint);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-guest{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-size:13.5px;padding:11px;border-radius:10px}.auth-guest:hover{background:var(--bg-3)}.auth-footnote{color:var(--text-faint);font-size:11.5px;line-height:1.5;margin-top:14px;text-align:center}.shots-chip{display:inline-flex;align-items:center;gap:6px;background:var(--purple-soft);color:var(--purple-bright);font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:20px;margin-right:4px}.shots-chip:hover{background:#8b5cf640}.pricing-modal{width:640px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}.pack{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:18px 14px 14px;display:flex;flex-direction:column;gap:4px}.pack.popular{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.pack-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;font-size:10px;font-weight:600;letter-spacing:.4px;padding:3px 10px;border-radius:12px;white-space:nowrap}.pack-name{font-size:13px;font-weight:600;color:var(--text-dim)}.pack-price{font-size:26px;font-weight:700}.pack-price span{font-size:11px;font-weight:400;color:var(--text-faint);margin-left:4px}.pack-shots{display:flex;align-items:center;gap:6px;color:var(--purple-bright);font-weight:600;font-size:13px;margin-top:2px}.pack-per{font-size:11px;color:var(--text-faint)}.pack-blurb{font-size:11.5px;color:var(--text-dim);line-height:1.45;flex:1;margin-top:4px}.pack-buy{justify-content:center;margin-top:10px;font-size:12.5px;padding:8px 10px}.pack-footnote{color:var(--text-faint);font-size:11.5px;margin-top:14px;text-align:center}.template-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.template-choice button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:left}.template-choice button svg{color:var(--purple-bright);margin-bottom:4px}.template-choice button b{font-size:13px}.template-choice button span{font-size:11.5px;color:var(--text-dim);line-height:1.4}.template-choice button.active{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.project-menu{position:relative}.project-menu .crumb{cursor:pointer}.project-menu .crumb:hover{border-color:var(--purple)}.drop-target{outline:2px dashed var(--purple)!important;outline-offset:-2px}.element-item[draggable=true],.ex-el.selected{cursor:grab}.avatar-menu{position:relative}.avatar-dropdown{position:absolute;right:0;top:42px;z-index:200;width:230px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 16px 48px #0000008c}.avatar-dropdown-head{padding:10px 12px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}.avatar-dropdown-head b{display:block;font-size:13px;margin-bottom:2px}.avatar-dropdown-head span{font-size:11.5px;color:var(--text-dim);word-break:break-all}.avatar-dropdown>button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--text-dim)}.avatar-dropdown>button:hover{background:var(--bg-2);color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05050ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center}.modal{width:440px;background:var(--bg-1);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 24px 80px #0009}.modal h3{font-size:16px;margin-bottom:6px}.modal .sub{color:var(--text-dim);font-size:12.5px;margin-bottom:18px;line-height:1.5}.publish-step{display:flex;align-items:center;gap:10px;padding:9px 0;color:var(--text-dim);font-size:13px}.publish-step.done{color:var(--text)}.publish-step.done svg{color:#22c55e}.publish-step svg{color:var(--text-faint)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.publish-url{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-top:12px;color:var(--purple-bright);font-size:12.5px}.preview-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:12px;background:#1b1b23ee;border:1px solid var(--border);padding:8px 14px;border-radius:30px;box-shadow:0 10px 30px #00000080;font-size:12.5px;color:var(--text-dim)}