:root{color-scheme:light;--bg-ink:#141414;--bg-soft:#f7efe6;--bg-mist:#f3d8bf;--bg-cloud:#f6f2ec;--accent:#e45b3a;--accent-2:#2f5d62;--accent-3:#f0b36a;--panel:hsla(0,0%,100%,.85);--panel-strong:hsla(0,0%,100%,.95);--border:hsla(0,0%,8%,.12);--text-secondary:hsla(0,0%,8%,.72);--text-muted:hsla(0,0%,8%,.56);--text-subtle:hsla(0,0%,8%,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-glow:0 0 25px rgba(228,91,58,.15);--shadow-card:0 10px 24px hsla(0,0%,8%,.08);--shadow-card-hover:0 18px 40px hsla(0,0%,8%,.12);--shadow-control:0 6px 14px hsla(0,0%,8%,.08);--shadow-accent:0 6px 14px rgba(228,91,58,.25);--active-bg:rgba(228,91,58,.08);--active-border:rgba(228,91,58,.28);--active-shadow:0 6px 14px rgba(228,91,58,.12);--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-card:18px;--radius-control:10px;--radius-pill:999px;--font-display:"Avenir Next","Helvetica Neue","PingFang SC","Noto Sans SC",sans-serif;--font-body:"Iowan Old Style","Palatino","Hiragino Mincho ProN","Songti SC",serif}*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;color:var(--bg-ink);font-family:var(--font-display);background:radial-gradient(circle at top left,#fff4e6 0,var(--bg-soft) 40%,#f1e7dd 100%)}body,main{min-height:100vh}main{padding:80px 0 0;position:relative}main:before{inset:-10% 10% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(228,91,58,.25),rgba(228,91,58,0));filter:blur(100px)}main:after,main:before{content:"";position:absolute;z-index:0;pointer-events:none}main:after{inset:auto auto -120px -80px;width:460px;height:460px;background:radial-gradient(circle,rgba(47,93,98,.24),rgba(47,93,98,0));filter:blur(120px)}.container{max-width:1320px;margin:0 auto;position:relative;z-index:1;padding:0 24px}.masthead{display:grid;grid-gap:16px;gap:16px;padding:0 0 20px;border-radius:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:0}.example-detail-masthead{padding-bottom:8px}.masthead-centered{text-align:center;margin-bottom:24px}.top-bar-sticky{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,8%,.06);padding:0 24px;height:64px;display:flex;align-items:center}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:18px;gap:18px;width:100%;max-width:1320px;margin:0 auto}.top-left{justify-self:start}.top-left,.top-nav{display:flex;align-items:center}.top-nav{gap:24px;justify-self:center}.nav-item{font-size:13px;font-weight:500;color:hsla(0,0%,8%,.55);text-decoration:none;transition:color .2s ease;position:relative;cursor:pointer}.nav-item:hover{color:var(--accent)}.nav-item.is-active{color:var(--accent);font-weight:700}.nav-item.is-disabled{color:var(--text-subtle);font-weight:500}.nav-item.is-disabled:hover{color:var(--text-secondary)}.top-right{display:flex;align-items:center;gap:12px;justify-self:end}.lang-btn{padding:8px}.lang-label{font-size:11px;font-weight:600;letter-spacing:.08em;margin-left:4px}@media (max-width:960px){.top-bar{grid-template-columns:1fr;justify-items:start;row-gap:12px}.top-nav{order:3;width:100%;justify-content:center;padding-top:10px;border-top:1px dashed hsla(0,0%,8%,.1);display:none}.credit-slot{min-width:0}.top-right{width:100%}}.top-brand{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:hsla(0,0%,8%,.55);font-weight:700;text-decoration:none}.account{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.account-info{display:grid;grid-gap:4px;gap:4px;text-align:right}.account-menu{justify-content:flex-end}.account-menu,.account-menu-toggle{position:relative;display:inline-flex}.account-menu-toggle{align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:999px;padding:4px 10px 4px 4px;color:hsla(0,0%,8%,.8);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.account-menu-toggle.has-invite-dot:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:999px;background:var(--accent);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.18)}.account-menu-toggle:hover{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,8%,.08)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff7e5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-caret{font-size:10px;color:hsla(0,0%,8%,.4)}.account-menu-pop{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;padding:6px;border-radius:12px;border:1px solid hsla(0,0%,8%,.08);background:hsla(0,0%,100%,.98);box-shadow:0 10px 30px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.02);display:flex;flex-direction:column;gap:2px;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .15s ease-out}.account-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:hsla(0,0%,8%,.7);text-decoration:none;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-display);transition:all .15s ease;width:100%;text-align:left}.account-menu-item:hover{background:hsla(0,0%,8%,.04);color:hsla(0,0%,8%,.95);transform:none}.account-menu-item svg{opacity:.6;transition:opacity .2s ease}.account-menu-item:hover svg{opacity:1}.account-menu-item.danger{color:#b42318}.account-menu-item.danger:hover{background:rgba(180,35,24,.06)}.menu-divider{height:1px;background:hsla(0,0%,8%,.06);margin:4px 6px}.account-name{font-size:13px;font-weight:600}.account-hint{font-size:12px;color:var(--text-muted)}.credit-slot{min-width:190px;justify-content:flex-end}.credit-group,.credit-slot{display:flex;align-items:center}.credit-group{gap:8px;background:hsla(0,0%,100%,.65);padding:4px 4px 4px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);box-shadow:var(--shadow-control)}.invite-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);border:1px dashed rgba(228,91,58,.4);background:rgba(228,91,58,.08);color:var(--accent);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;white-space:nowrap;transition:all .2s ease}.invite-pill:hover{background:rgba(228,91,58,.16);border-color:rgba(228,91,58,.6)}.invite-pill:disabled{opacity:.6;cursor:default}.invite-pill:focus-visible{outline:2px solid rgba(228,91,58,.5);outline-offset:2px}.credit-pill{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);text-decoration:none;font-weight:600;font-family:var(--font-display)}.credit-icon{color:#f59e0b;font-size:14px}.credit-val{min-width:16px;text-align:center}.credit-pill:hover{color:var(--accent)}.credit-pill.is-empty .credit-val{color:rgba(180,35,24,.9)}.credit-skeleton{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:hsla(0,0%,100%,.6);box-shadow:var(--shadow-control)}.credit-skeleton-pill{width:42px;height:18px}.credit-skeleton-btn,.credit-skeleton-pill{border-radius:var(--radius-pill);background:hsla(0,0%,8%,.08);animation:skeletonPulse 1.6s ease-in-out infinite}.credit-skeleton-btn{width:46px;height:22px}.credit-spacer{width:170px;height:32px}button.primary.btn-cta{padding:6px 14px;font-size:12px}.account-menu-toggle.icon-only{padding:0;border-radius:50%;width:32px;height:32px;justify-content:center}.account-menu-toggle.icon-only:hover{background:transparent;box-shadow:0 0 0 4px hsla(0,0%,8%,.05)}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.menu-header{padding:8px 12px;background:hsla(0,0%,8%,.02);border-radius:8px;margin-bottom:4px}.menu-user-name{font-size:13px;font-weight:600;color:hsla(0,0%,8%,.9)}.menu-user-email{font-size:11px;color:hsla(0,0%,8%,.5);margin-top:2px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.skeleton-avatar{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,8%,.1);animation:pulse-bg 1.5s infinite}.hero{display:grid;grid-gap:8px;gap:8px}.hero h1{font-size:clamp(28px,3.4vw,42px);margin:0;line-height:1.05}.hero p{margin:0 auto;font-size:15px;color:hsla(0,0%,8%,.7);max-width:900px;font-family:var(--font-body);text-wrap:balance}.hero p.hero-subtitle-centered{text-align:center;max-width:100%;margin:0 auto}@media (min-width:1200px){.hero p,.hero p.hero-subtitle-centered{white-space:nowrap}}@media (max-width:1024px){.hero p.hero-subtitle-centered{white-space:normal}}.hero-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.hero-step{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid hsla(0,0%,8%,.16);background:hsla(0,0%,100%,.7);color:hsla(0,0%,8%,.7)}.invite-panel{margin-top:6px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,8%,.12);background:hsla(0,0%,100%,.9);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.invite-title{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:hsla(0,0%,8%,.55)}.invite-desc{font-size:13px;color:hsla(0,0%,8%,.7);margin-top:4px}.invite-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invite-note{font-size:12px;color:rgba(47,93,98,.9)}.topup-panel{display:grid;grid-gap:10px;gap:10px;padding:12px;border-radius:var(--radius-card);border:1px solid hsla(0,0%,8%,.14);background:hsla(0,0%,100%,.85)}.topup-title{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.topup-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:8px;gap:8px}.topup-option{padding:8px 10px;text-align:left;font-weight:600;font-size:13px}.topup-option:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.topup-option-price{font-size:18px;font-weight:700;color:hsla(0,0%,8%,.88);margin-bottom:4px}.topup-option-title{font-size:13px;font-weight:600}.topup-option-meta{margin-top:2px}.topup-hint,.topup-option-meta,.topup-status{font-size:12px;color:var(--text-muted)}.topup-status{display:flex;align-items:center;gap:6px}.topup-status-dot{width:8px;height:8px;border-radius:999px;background:hsla(0,0%,8%,.35);box-shadow:0 0 0 3px hsla(0,0%,8%,.08)}.topup-status.is-pending{color:rgba(168,111,0,.9)}.topup-status.is-pending .topup-status-dot{background:#f6b02d;box-shadow:0 0 0 3px rgba(246,176,45,.18)}.topup-status.is-success{color:rgba(31,125,68,.9)}.topup-status.is-success .topup-status-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.topup-status.is-error{color:rgba(185,28,28,.9)}.topup-status.is-error .topup-status-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18)}.topup-message{font-size:12px;color:rgba(47,93,98,.9)}.topup-actions{display:flex;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.input-panel{transition:all .3s ease;overflow:hidden}.grid.input-collapsed{grid-template-columns:48px minmax(0,1fr)}.grid.input-collapsed .input-panel{padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer}.grid.input-collapsed .input-panel:hover{background:var(--panel-strong)}.grid.input-collapsed .input-panel>:not(.collapsed-trigger){display:none}.collapsed-trigger{display:none;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-size:13px;font-weight:600;letter-spacing:.2em;color:hsla(0,0%,8%,.5);text-transform:uppercase;white-space:nowrap;height:100%;justify-content:center;align-items:center}.grid.input-collapsed .collapsed-trigger{display:flex}.panel{grid-column:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.panel:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.surface-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.surface-card:hover{box-shadow:var(--shadow-card-hover)}.input-panel:focus-within{border-color:rgba(228,91,58,.3);box-shadow:var(--shadow-card-hover),var(--shadow-glow);transform:translateY(-2px)}.panel.preview{grid-column:auto;display:grid;grid-gap:16px;gap:16px;background:var(--panel-strong);min-height:clamp(520px,72vh,920px);position:relative}.panel.preview.focus-mode{overflow:auto;border-radius:0;box-shadow:none}.panel.preview.focus-mode .panel-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--panel-strong);padding-bottom:12px;border-bottom:1px solid var(--border)}.panel.preview.focus-mode iframe{pointer-events:none}.panel.preview.focus-mode .panel-controls{flex-wrap:wrap;justify-content:flex-end}.focus-exit-btn{padding:6px 12px;background:rgba(228,91,58,.12);border:1px solid rgba(228,91,58,.35);text-transform:none;letter-spacing:0}.focus-exit-btn,.focus-exit-fab{font-size:12px;color:var(--accent)}.focus-exit-fab{position:fixed;top:76px;right:18px;z-index:1200;width:38px;height:38px;padding:0;border-radius:999px;border:1px solid rgba(228,91,58,.35);background:hsla(0,0%,100%,.95);font-weight:700;letter-spacing:.04em;box-shadow:0 6px 18px rgba(228,91,58,.2);display:inline-flex;align-items:center;justify-content:center}.focus-exit-fab:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(228,91,58,.3)}.panel-header{display:flex;align-items:center;justify-content:space-between;font-size:14px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.panel-header.is-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:var(--panel-strong);padding:12px 0;margin:-12px 0 12px;border-bottom:1px solid var(--border)}.preview-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-header-meta{display:inline-flex;align-items:center;gap:8px}.preview-meta-tag{font-size:11px;color:var(--text-secondary);background:hsla(0,0%,8%,.06);border-radius:999px;padding:2px 10px}.panel-header .panel-title,.preview-meta-tag{text-transform:none;letter-spacing:0}.panel-controls{gap:16px}.icon-btn,.panel-controls{display:flex;align-items:center}.icon-btn{background:transparent;border:none;padding:6px;color:hsla(0,0%,8%,.5);cursor:pointer;border-radius:var(--radius-control);justify-content:center;transition:all .2s ease}.icon-btn:hover{background:hsla(0,0%,8%,.05);color:var(--accent);transform:scale(1.1)}.input-wrapper{position:relative;display:grid}.input-inline-hint{margin-top:10px}.input-inline-hint,.step-label{font-size:12px;color:var(--text-muted)}.step-label{margin-top:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.step-subtitle{font-size:12px;color:var(--text-subtle);margin-top:4px}.hint-anchor{position:relative;display:inline-flex}.hint-bubble{position:absolute;padding:8px 12px;border-radius:10px;background:hsla(0,0%,8%,.92);color:#fff;font-size:12px;line-height:1.4;white-space:nowrap;box-shadow:0 8px 16px rgba(0,0,0,.16);z-index:2}.hint-bubble:after{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid hsla(0,0%,8%,.92)}.hint-bubble-input{left:12px;top:-42px}.hint-bubble-input:after{left:16px;bottom:-6px}textarea{width:100%;min-height:180px;max-height:360px;border-radius:var(--radius-control);border:1px solid hsla(0,0%,8%,.16);padding:14px 16px 28px;font-size:15px;font-family:var(--font-body);background:#fff;resize:none;overflow-y:hidden}.json-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;min-height:320px;max-height:560px;resize:vertical;overflow-y:auto;padding:14px 16px}.input-hint{position:absolute;bottom:8px;right:12px;display:flex;gap:8px;font-size:11px;color:var(--text-subtle);pointer-events:none}.style-controls{display:grid;grid-gap:8px;gap:8px;align-items:center}.style-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.density-selector{display:flex;gap:4px;padding-left:12px;border-left:1px solid hsla(0,0%,8%,.1)}.density-selector .icon-btn{border-radius:var(--radius-control)}.density-selector .icon-btn.is-active{color:var(--accent);background:#fff;border:1px solid var(--active-border);box-shadow:var(--active-shadow)}.recent-section{margin-top:14px}.recent-toolbar{display:flex;align-items:center;justify-content:space-between}.example-title,.recent-title{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.example-title{display:flex;align-items:center;gap:8px}.example-entry{margin-top:12px}.example-entry-link{font-size:12px;font-weight:600;color:var(--text-secondary);text-decoration:none}.example-entry-link:hover{color:var(--accent)}.example-chips{display:flex;flex-wrap:nowrap;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.example-chips::-webkit-scrollbar{display:none}.example-chip{border-radius:999px;padding:6px 12px;border:1px solid hsla(0,0%,8%,.12);background:hsla(0,0%,100%,.86);font-size:12px;font-weight:600;text-align:left;display:inline-flex;align-items:center;cursor:pointer;transition:all .2s ease;white-space:nowrap}.example-chip:hover{border-color:hsla(0,0%,8%,.25);box-shadow:var(--shadow-sm)}.example-chip.is-active{border-color:var(--active-border);background:#fff;box-shadow:var(--active-shadow)}.example-chip-title{font-size:12px;font-weight:600;color:var(--bg-ink);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-error{color:#e45b3a;font-weight:600;margin-right:auto}input:focus,select:focus,textarea:focus{outline:2px solid rgba(228,91,58,.35);outline-offset:2px}button:focus-visible{outline:2px solid rgba(228,91,58,.35);outline-offset:2px}.text-input{width:100%;border-radius:var(--radius-md);border:1px solid hsla(0,0%,8%,.16);padding:12px 14px;font-size:14px;font-family:var(--font-display);background:#fff}.control-row{flex-wrap:wrap}.control-row,.input-actions{display:flex;gap:12px;align-items:center;margin-top:16px}.input-actions-right{display:flex;align-items:center;gap:12px;margin-left:auto}.section-title{margin-top:18px;font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:hsla(0,0%,8%,.5)}.model-grid{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.model-pill{border-radius:999px;padding:6px 12px;border:1px solid hsla(0,0%,8%,.15);background:hsla(0,0%,100%,.85);font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.model-pill.is-active{border-color:var(--active-border);background:hsla(0,0%,100%,.95);color:var(--accent);box-shadow:var(--active-shadow)}.prompt-list{margin-top:10px;display:grid;grid-gap:8px;gap:8px}.prompt-item{text-align:left;border-radius:var(--radius-md);border:1px solid hsla(0,0%,8%,.15);background:hsla(0,0%,100%,.85);padding:10px 12px;display:grid;grid-gap:6px;gap:6px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.prompt-item:hover{transform:translateY(-1px);box-shadow:0 12px 24px hsla(0,0%,8%,.1)}.prompt-item.is-active{border-color:var(--active-border);background:hsla(0,0%,100%,.98);box-shadow:var(--active-shadow)}.prompt-body{display:flex;justify-content:space-between;align-items:center;gap:8px}.prompt-title{font-size:13px;font-weight:600}.prompt-lang{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:hsla(0,0%,8%,.55)}.prompt-preview{font-size:12px;color:hsla(0,0%,8%,.65);line-height:1.4;font-family:var(--font-body)}.style-strip{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(32,58%,90%,.7));border:1px solid hsla(0,0%,8%,.08);border-radius:999px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),var(--shadow-sm)}.style-strip-track{display:flex;align-items:center;gap:8px;padding:0;background:transparent;border:none;overflow-x:auto;max-width:min(420px,68vw);flex:1 1;min-width:0}.style-strip-track::-webkit-scrollbar{height:0}.style-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid hsla(0,0%,8%,.08);background:hsla(0,0%,100%,.7);cursor:pointer;font-size:12px;color:hsla(0,0%,8%,.75);transition:all .2s ease;white-space:nowrap}.style-chip:hover{background:hsla(0,0%,100%,.95);border-color:hsla(0,0%,8%,.18);box-shadow:0 6px 12px hsla(0,0%,8%,.08)}.style-chip.is-active{background:hsla(0,0%,100%,.95);border-color:var(--active-border);color:var(--accent);font-weight:600;box-shadow:var(--active-shadow)}.style-chip-label{font-size:12px;line-height:1}.style-chip:focus-visible{outline:2px solid rgba(228,91,58,.5);outline-offset:2px}.style-more-btn{padding:6px 12px;background:transparent;border:none;border-left:1px solid hsla(0,0%,8%,.12);border-radius:0 999px 999px 0;font-size:12px;cursor:pointer;color:hsla(0,0%,8%,.7);transition:all .2s ease;white-space:nowrap}.style-more-btn:hover{background:hsla(0,0%,100%,.75)}.style-more-btn.is-active{background:hsla(0,0%,100%,.95);border-left-color:var(--active-border);box-shadow:inset 0 0 0 1px var(--active-border);color:var(--accent)}.style-mini-preview-xs{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5)}.mini-node-xs{width:10px;height:10px;border:1px solid;border-radius:2px}.style-popup-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;background:hsla(0,0%,100%,.98);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:12px;min-width:340px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .2s ease}.style-popup-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.style-popup-grid .style-mini-btn{width:100%;min-width:0}.style-mini-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;transition:all .2s ease;min-width:52px}.style-mini-btn:hover{background:hsla(0,0%,8%,.05);transform:translateY(-1px)}.style-mini-btn.is-active{background:hsla(0,0%,100%,.95);border-color:var(--active-border);box-shadow:var(--active-shadow)}.style-mini-preview{width:36px;height:26px;border-radius:4px;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden;box-shadow:inset 0 0 4px rgba(0,0,0,.05)}.mini-node{position:absolute;width:14px;height:10px;border:1px solid;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.mini-node.node-1{top:4px;left:4px}.mini-node.node-2{bottom:4px;right:4px;z-index:1}.style-label{font-size:11px;color:var(--text-muted);font-weight:500;line-height:1}.style-mini-btn.is-active .style-label{color:var(--accent);font-weight:700}.style-mini-swatch{display:grid;grid-template-columns:repeat(3,1fr);width:24px;height:24px;border-radius:4px;overflow:hidden;border:1px solid hsla(0,0%,8%,.1)}.style-mini-swatch span{display:block;width:100%;height:100%}.divider-vertical{width:1px;height:24px;background:hsla(0,0%,8%,.1);margin:0 4px;display:none}button{padding:10px 18px;font-size:14px;cursor:pointer}.link-button,button{border-radius:var(--radius-pill);border:1px solid transparent;background:#fff;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.link-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:13px;text-decoration:none;color:inherit}button.surface-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:var(--radius-card)}button.topup-option{padding:8px 10px;text-align:left;font-weight:600;font-size:13px}button.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent);border:1px solid hsla(0,0%,100%,.1)}.generate-btn{min-width:120px;justify-content:center}button.primary.btn-cta{background:linear-gradient(135deg,var(--accent) 0,#ff7e5f 100%);box-shadow:0 4px 14px rgba(228,91,58,.4),inset 0 1px 0 hsla(0,0%,100%,.3);font-weight:700;letter-spacing:.02em;transition:all .2s ease}button.primary.btn-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(228,91,58,.5),inset 0 1px 0 hsla(0,0%,100%,.3);filter:brightness(1.05)}.link-button.ghost,button.ghost{background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,8%,.18)}.link-button.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent);border:1px solid hsla(0,0%,100%,.1)}.link-button.primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(228,91,58,.35)}button.ghost.danger{color:#b42318;border-color:rgba(180,35,24,.35);background:rgba(180,35,24,.08)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button:active{transform:scale(.96) translateY(0)}button:hover:not(:disabled){transform:translateY(-1px)}.helper{font-size:13px;color:var(--text-muted);margin-top:12px;font-family:var(--font-body)}.preview-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:end}.preview-export-btn{display:inline-flex;align-items:center;gap:6px}.panel-controls .preview-export-btn.is-header{padding:6px 12px;font-size:12px;border-radius:999px}.preview-actions-right{display:inline-flex;gap:8px;align-items:center;justify-self:end}.preview-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:8px 10px;border-radius:var(--radius-control);border:1px solid var(--border);background:hsla(0,0%,100%,.7);box-shadow:var(--shadow-control)}.preview-toolbar .style-strip{max-width:min(420px,70vw)}.preview-toolbar-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.edit-hint-inline{font-size:12px;color:var(--text-secondary);margin:0 0 10px;padding:6px 10px;border-radius:var(--radius-pill);background:rgba(228,91,58,.08);border:1px dashed rgba(228,91,58,.35);width:-moz-fit-content;width:fit-content}.edit-hint-inline.is-pulse{animation:editHintPulse 1.2s ease-out}@keyframes editHintPulse{0%{box-shadow:0 0 0 0 rgba(228,91,58,.25)}70%{box-shadow:0 0 0 10px rgba(228,91,58,0)}to{box-shadow:0 0 0 0 rgba(228,91,58,0)}}.cta-highlight{animation:ctaPulse 1.4s ease-out;box-shadow:0 0 0 0 rgba(228,91,58,.35)}@keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(228,91,58,.35)}70%{box-shadow:0 0 0 12px rgba(228,91,58,0)}to{box-shadow:0 0 0 0 rgba(228,91,58,0)}}.preview-shell{min-height:clamp(520px,72vh,920px);border-radius:var(--radius-md);border:1px dashed hsla(0,0%,8%,.2);background:linear-gradient(135deg,hsla(32,58%,90%,.6),hsla(0,0%,100%,.9));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;color:hsla(0,0%,8%,.5);font-size:14px;text-align:center;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.empty-state{gap:16px;border:2px dashed hsla(0,0%,8%,.06);background:hsla(0,0%,100%,.5)}.empty-icon{font-size:48px;opacity:.2}.empty-text{font-size:14px;color:hsla(0,0%,8%,.45);line-height:1.6}.empty-cta{margin-top:8px}@media (max-width:768px){.preview-actions{grid-template-columns:1fr;align-items:stretch}.preview-actions-right{justify-self:start}.preview-toolbar{align-items:flex-start}.preview-toolbar-actions{margin-left:0}}.skeleton-shell{display:grid;grid-gap:20px;gap:20px;padding:36px;align-items:start;justify-items:center;position:relative;overflow:hidden;width:100%;animation:skeletonBreath 2.8s ease-in-out infinite}.preview-shell.skeleton-shell{border:1px dashed hsla(0,0%,8%,.08);background:hsla(0,0%,100%,.6);transition:none}.skeleton-title{height:20px;width:clamp(160px,28%,260px);margin:0 auto;background:hsla(0,0%,8%,.08);border-radius:var(--radius-control)}.skeleton-layer{background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,8%,.06);border-radius:var(--radius-card);padding:14px;display:grid;grid-gap:12px;gap:12px;width:min(100%,860px)}.skeleton-layer-title{height:12px;width:32%;background:hsla(0,0%,8%,.08);border-radius:var(--radius-control)}.skeleton-row{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));grid-gap:10px;gap:10px;align-items:stretch}@media (max-width:900px){.skeleton-row{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:640px){.skeleton-row{grid-template-columns:minmax(0,1fr)}}.skeleton-card{height:64px;border-radius:var(--radius-control);background:hsla(0,0%,8%,.06)}.skeleton-card.small{height:54px}@keyframes skeletonPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes skeletonBreath{0%{opacity:.78}50%{opacity:1}to{opacity:.78}}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.records-panel{margin-top:24px;display:grid;grid-gap:12px;gap:12px}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:16px}.record-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:var(--shadow-card)}.record-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:rgba(228,91,58,.2)}.record-preview{position:relative;aspect-ratio:4/3;background:#f9f9f9;border-bottom:1px solid hsla(0,0%,8%,.06);overflow:hidden}.record-preview iframe{width:400%;height:400%;transform:scale(.25);transform-origin:0 0;border:none;pointer-events:none;background:#fff}.preview-placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 10px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 20px)}.preview-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.record-card:hover .preview-overlay{opacity:1;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-btn{gap:8px;padding:10px 20px;background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(228,91,58,.3);transform:translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.record-card:hover .overlay-btn{transform:translateY(0)}.record-info{padding:12px 14px;display:grid;grid-gap:4px;gap:4px}.record-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsla(0,0%,8%,.9)}.record-meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.record-date{font-size:11px;color:hsla(0,0%,8%,.5);font-family:var(--font-body)}.record-actions-row{display:flex;align-items:center;gap:4px}.icon-btn-danger,.icon-btn-ghost{background:transparent;border:none;padding:6px;color:hsla(0,0%,8%,.4);cursor:pointer;border-radius:var(--radius-control);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn-danger:hover{background:rgba(180,35,24,.1);color:#b42318}.icon-btn-ghost:hover{background:hsla(0,0%,8%,.05);color:var(--accent)}.transactions-panel{margin-top:20px;display:grid;grid-gap:12px;gap:12px}.transactions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.transactions-size{display:inline-flex;align-items:center;gap:8px}.pagination{margin-top:12px;display:flex;gap:10px;justify-content:flex-end}.trans-list{display:grid;grid-gap:12px;gap:12px}.trans-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--panel-strong);transition:all .2s ease;box-shadow:var(--shadow-card)}.trans-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:hsla(0,0%,8%,.18)}.trans-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:hsla(0,0%,8%,.04);color:hsla(0,0%,8%,.6)}.trans-icon.text-green{background:rgba(46,125,50,.1);color:#2e7d32}.trans-icon.text-blue{background:rgba(25,118,210,.1);color:#1976d2}.trans-icon.text-default{background:hsla(0,0%,8%,.05);color:hsla(0,0%,8%,.7)}.trans-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.trans-title-row{display:flex;justify-content:space-between;align-items:center}.trans-label{font-size:15px;font-weight:600;color:var(--bg-ink)}.trans-delta{font-size:16px;font-weight:700;font-family:var(--font-display)}.trans-delta.positive{color:#2e7d32}.trans-delta.negative{color:hsla(0,0%,8%,.8)}.trans-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:hsla(0,0%,8%,.5)}.trans-status{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600}.trans-status.status-completed{display:none}.trans-status.status-pending{background:rgba(245,158,11,.1);color:#d97706}.trans-status.status-failed{background:rgba(220,38,38,.1);color:#dc2626}.trans-currency{font-weight:600;color:var(--bg-ink)}.debug-page{display:grid;grid-gap:16px;gap:16px}.debug-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.debug-title{font-size:18px;font-weight:700}.debug-grid{display:grid;grid-gap:16px;gap:16px}.debug-card{border-radius:var(--radius-md);border:1px solid hsla(0,0%,8%,.12);background:hsla(0,0%,100%,.9);padding:16px;display:grid;grid-gap:10px;gap:10px}.debug-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;font-size:12px;color:hsla(0,0%,8%,.6)}.debug-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;background:hsla(0,0%,8%,.04);border-radius:10px;padding:12px}.records-error{font-size:12px;color:rgba(180,35,24,.9)}iframe{width:100%;min-height:560px;border:none;border-radius:var(--radius-md);background:#fff}.focus-preview .grid{grid-template-columns:1fr}.focus-preview .input-panel{display:none}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:hsla(0,0%,8%,.55)}.status-dot{width:8px;height:8px;border-radius:999px;background:rgba(47,93,98,.5)}.error{margin-top:16px;padding:12px 16px;border-radius:var(--radius-md);background:rgba(228,91,58,.12);color:hsla(0,0%,8%,.75);border:1px solid rgba(228,91,58,.25);font-size:14px}@media (max-width:960px){.grid,.grid.input-collapsed{grid-template-columns:1fr}.grid.input-collapsed .input-panel{padding:20px;display:block;cursor:default}.grid.input-collapsed .input-panel>:not(.collapsed-trigger){display:block}.grid.input-collapsed .collapsed-trigger{display:none}.panel,.panel.preview{grid-column:1/-1}.preview-shell,iframe{min-height:420px}.style-grid{grid-template-columns:1fr}.top-bar{justify-items:start}.account{width:100%;justify-content:space-between}.account-info{text-align:left}.masthead{padding:14px 16px}}.error-message{margin-top:8px;font-size:13px;color:#e45b3a;font-weight:500;animation:fadeIn .3s ease}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card-hover);width:90%;max-width:480px;position:relative;overflow:hidden;animation:scaleIn .2s ease-out}.topup-modal{padding:24px 22px}.topup-modal .topup-panel{border:none;background:transparent;padding:0}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a;transition:all .2s ease;z-index:20;box-shadow:0 4px 10px rgba(0,0,0,.12)}.modal-close:after,.modal-close:before{content:"";position:absolute;width:16px;height:2px;background:currentColor;border-radius:2px;top:50%;left:50%}.modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-close svg{display:none}.modal-close:hover{background:#f1f5f9;color:#000;transform:rotate(90deg)}.modal-close:hover svg line{stroke:#000}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.invite-modal{padding:32px 24px;text-align:center}.auth-modal{padding:32px 28px 28px;text-align:center}.modal-header h2{font-size:24px;margin:0 0 8px}.modal-header p{color:#666;font-size:14px;margin:0 0 24px}.auth-modal .modal-header .auth-bonus{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--accent)}.auth-modal-actions{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.auth-modal-actions .primary{padding:10px 20px;font-size:14px}.highlight{color:var(--accent);font-weight:700}.invite-section{margin-top:24px;text-align:left}.invite-label{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;margin-bottom:8px;letter-spacing:.05em}.invite-link-box{display:flex;gap:8px;background:#f5f7fa;padding:6px;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.invite-link-box input{flex:1 1;background:transparent;border:none;font-family:monospace;font-size:13px;color:#333;padding:0 8px}.invite-link-box input:focus{outline:none}.invite-link-box button{padding:8px 16px;background:#000;color:#fff;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.invite-link-box button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.invite-link-box button.is-copied{background:#16a34a}.invite-copy-grid{display:grid;grid-gap:12px;gap:12px}.invite-copy-card{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;text-align:left;cursor:pointer;transition:all .2s ease}.invite-copy-card:hover{border-color:var(--accent);background:rgba(228,91,58,.02);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.copy-text-preview{font-size:13px;color:#333;font-style:italic}.copy-action{font-size:11px;color:var(--accent);font-weight:600}.toast-notification{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:#fff;padding:12px 20px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;align-items:center;gap:12px;z-index:90;animation:slideDown .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);max-width:90%}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-icon{font-size:18px}.toast-content{font-size:13px;font-weight:500;color:#333}.toast-close{background:transparent;border:none;font-size:18px;color:#999;cursor:pointer;padding:0 4px;line-height:1}.toast-close:hover{color:#000}.examples-gallery{display:grid;grid-gap:28px;gap:28px}.examples-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-card);border:1px solid var(--border);background:hsla(0,0%,100%,.8);box-shadow:var(--shadow-control)}.examples-filters{display:flex;flex-wrap:wrap;gap:10px}.examples-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid hsla(0,0%,8%,.12);background:#fff;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.examples-filter-btn:hover{border-color:hsla(0,0%,8%,.25);color:var(--accent);box-shadow:var(--shadow-sm)}.examples-filter-btn.is-active{border-color:var(--active-border);color:var(--accent);background:hsla(0,0%,100%,.95);box-shadow:var(--active-shadow)}.examples-filter-count{font-size:11px;color:var(--text-subtle)}.examples-count{font-size:12px;color:var(--text-muted)}.examples-toolbar-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.examples-toolbar-hint{font-size:11px;color:var(--text-subtle)}.examples-groups{display:grid;grid-gap:28px;gap:28px}.examples-group{display:grid;grid-gap:16px;gap:16px}.examples-group-header{font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:32px;gap:32px;margin-top:0}.example-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:var(--shadow-card);position:relative}.example-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:rgba(228,91,58,.3)}.example-preview{position:relative;width:100%;aspect-ratio:16/10;background:#f9f9f9;border-bottom:1px solid hsla(0,0%,8%,.06);overflow:hidden}.example-preview iframe{width:400%;height:400%;transform:scale(.25);transform-origin:0 0;border:none;pointer-events:none;background:#fff}.example-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .2s ease;gap:16px}.example-overlay.is-visible{opacity:1}.overlay-prompt{font-size:13px;color:#333;text-align:center;line-height:1.6;max-height:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-family:var(--font-body);font-style:italic}.overlay-actions{display:flex;gap:12px}.overlay-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.overlay-btn.primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(228,91,58,.3)}.overlay-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(228,91,58,.4)}.overlay-btn.secondary{background:#fff;color:#333;border:1px solid hsla(0,0%,8%,.1);box-shadow:0 2px 8px rgba(0,0,0,.05)}.overlay-btn.secondary:hover{background:#f5f5f5;border-color:hsla(0,0%,8%,.2)}.example-info{padding:16px 20px;display:flex;flex-direction:column;gap:8px;background:#fff}.example-title{font-size:16px;font-weight:600;margin:0;color:var(--bg-ink);letter-spacing:0;text-transform:none;line-height:1.3;display:block;overflow-wrap:anywhere}.example-summary{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.example-tags{display:flex;gap:8px;flex-wrap:wrap}.example-actions{display:flex;align-items:center;gap:8px}.example-copy-btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;border:1px solid hsla(0,0%,8%,.12);background:hsla(0,0%,100%,.9);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.example-copy-btn:hover{border-color:hsla(0,0%,8%,.25);color:var(--accent)}.example-hint{font-size:11px;color:var(--text-subtle)}.example-tag{font-size:11px;color:hsla(0,0%,8%,.5);background:hsla(0,0%,8%,.05);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.example-detail-sticky{position:-webkit-sticky;position:sticky;top:72px;z-index:20;background:hsla(0,0%,100%,.92);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.example-detail-hint{font-size:13px;color:var(--text-secondary)}.example-detail-actions{display:flex;align-items:center;gap:12px}.example-detail-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 6px 16px rgba(228,91,58,.25);transition:transform .2s ease,box-shadow .2s ease}.example-detail-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(228,91,58,.35)}.hero .example-detail-summary{font-size:12px;line-height:1.6;color:var(--text-subtle);margin:8px 0 0;text-align:left}.example-detail-highlights{border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);padding:14px 16px}.example-detail-highlights-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.example-detail-highlights ul{margin:10px 0 0;padding-left:18px;line-height:1.6;color:var(--bg-ink)}.example-detail-highlights li{white-space:normal;overflow-wrap:anywhere}.example-detail-expand{border:1px solid var(--border);border-radius:12px;padding:12px 16px;background:hsla(0,0%,100%,.7);max-width:100%;overflow:visible;white-space:normal!important}.example-detail-expand summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:var(--bg-ink)}.example-detail-expand summary::-webkit-details-marker{display:none}.example-detail-expand-meta{font-size:12px;color:var(--text-secondary)}.example-detail-expand ul{margin:12px 0 0;padding-left:18px;color:var(--bg-ink);word-break:break-word}.example-detail-expand li,.example-detail-expand ul{line-height:1.7;white-space:normal!important;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:100%}.example-detail-expand li{display:block;width:100%;word-break:break-all}.example-detail-flow-item{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip}.example-related-list{margin:0;padding-left:18px;line-height:1.7}.example-related-list li{margin-bottom:12px}.example-related-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.example-related-tags{display:inline-flex;gap:6px}.example-related-tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:hsla(0,0%,8%,.06);border-radius:999px;padding:2px 8px}.example-detail-figure{margin:0}.example-detail-caption{margin-top:10px;font-size:12px;color:var(--text-secondary)}.example-detail-toc{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 8px;padding:8px 10px;border-radius:12px;border:1px solid hsla(0,0%,8%,.08);background:hsla(0,0%,100%,.5)}.example-detail-toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.example-detail-toc a{font-size:12px;color:var(--text-secondary);text-decoration:none;padding:4px 8px;border-radius:999px;border:1px solid hsla(0,0%,8%,.08);background:hsla(0,0%,8%,.04)}.example-detail-toc a:hover{background:hsla(0,0%,8%,.08)}.template-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-top:16px}.template-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:6px;background:hsla(0,0%,100%,.92);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-control);align-self:flex-start}.template-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid transparent;background:transparent;font-size:12px;font-weight:700;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.template-tab:hover{background:hsla(0,0%,8%,.06);color:var(--accent);box-shadow:var(--shadow-sm)}.template-tab.is-active{border-color:transparent;color:#fff;background:var(--accent);box-shadow:0 6px 16px rgba(228,91,58,.28)}.template-style-card{background:var(--panel-strong);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px}.template-style-preview{background:#f5f5f5;border-radius:12px;border:1px solid hsla(0,0%,8%,.08);overflow:hidden;aspect-ratio:4/3}.template-style-preview iframe{width:400%;height:400%;transform:scale(.25);transform-origin:0 0;border:none;pointer-events:none;background:#fff}.template-style-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-style-title{font-size:13px;font-weight:600;color:var(--bg-ink)}.template-style-note{font-size:12px;color:var(--text-secondary);line-height:1.4}.template-style-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.template-style-tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:hsla(0,0%,8%,.06);border-radius:999px;padding:2px 8px}.template-keywords{font-size:12px;color:var(--text-subtle);margin-top:6px;line-height:1.5;max-width:680px}.template-supporting-line{font-size:11px;color:var(--text-subtle);margin-top:6px;max-width:720px;text-align:left}.template-style-swatches{display:inline-flex;gap:6px}.template-style-swatches span{width:12px;height:12px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}@media (max-width:600px){.examples-grid{grid-template-columns:1fr}.example-detail-sticky{top:64px;align-items:stretch}.example-detail-actions{width:100%;justify-content:center}}@media (max-width:720px){.examples-toolbar-meta{align-items:flex-start}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.landing-section{padding:80px 0;position:relative;scroll-margin-top:64px}.landing-section.bg-alt{background:hsla(0,0%,100%,.5);border-top:1px solid hsla(0,0%,8%,.04);border-bottom:1px solid hsla(0,0%,8%,.04);width:100%}.section-header{text-align:center;margin-bottom:48px;max-width:720px;margin-left:auto;margin-right:auto}@media (min-width:960px){.section-header{text-align:left;margin-left:0;margin-right:0}}.section-header h2{font-size:32px;margin:0 0 16px;color:var(--bg-ink)}.section-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:28px;gap:28px}.about-card{padding:28px;text-align:left;display:grid;grid-gap:10px;gap:10px}.about-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-subtle);font-weight:700}.about-card h3{margin:0;font-size:20px;color:var(--bg-ink)}.about-card p{margin:0;font-size:15px;color:var(--text-muted);line-height:1.6}.about-list{margin:0;padding-left:18px;color:var(--text-secondary);font-size:14px;line-height:1.6;display:grid;grid-gap:6px;gap:6px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px}.feature-card{padding:32px;text-align:center}.feature-card:hover{transform:translateY(-4px)}.feature-card h3{font-size:20px;margin:0 0 12px}.feature-card p{font-size:15px;color:var(--text-muted);line-height:1.6;margin:0}.pricing-placeholder{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.pricing-card{padding:32px;display:flex;flex-direction:column;align-items:center;position:relative}.pricing-card:hover{transform:translateY(-4px);border-color:rgba(228,91,58,.3)}.pricing-card.featured{border:2px solid var(--accent);background:linear-gradient(180deg,#fff,#fff9f5);transform:scale(1.05);z-index:1}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-badge{position:absolute;top:16px;right:16px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:hsla(0,0%,8%,.4);border:1px solid hsla(0,0%,8%,.1);padding:4px 8px;border-radius:var(--radius-pill)}.pricing-card.featured .pricing-badge{background:var(--accent);color:#fff;border-color:var(--accent)}.pricing-card h3{font-size:24px;margin:0 0 16px}.pricing-price{font-size:36px;font-weight:700;font-family:var(--font-display);color:var(--bg-ink);margin-bottom:24px}.pricing-price .period{font-size:14px;font-weight:500;color:var(--text-subtle)}.pricing-features{list-style:none;padding:0;margin:0 0 32px;text-align:center;font-size:14px;color:var(--text-secondary);line-height:2}.pricing-btn{width:100%;padding:12px;border-radius:var(--radius-pill);border:1px solid hsla(0,0%,8%,.2);background:transparent;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-btn:hover{background:hsla(0,0%,8%,.05)}.pricing-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-accent)}.pricing-btn.primary:hover{background:#d64a2e;transform:translateY(-1px)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:32px;gap:32px;max-width:960px;margin:0 auto}.faq-item{padding:22px;border-radius:var(--radius-card);border:1px solid var(--border);background:hsla(0,0%,100%,.8);box-shadow:var(--shadow-control)}.faq-item h4{font-size:18px;margin:0 0 8px}.faq-item p{margin:0;font-size:15px;color:var(--text-muted);line-height:1.6}.site-footer{padding:48px 0;text-align:center;border-top:1px solid hsla(0,0%,8%,.06);margin-top:60px;color:hsla(0,0%,8%,.5);font-size:13px}.footer-links{display:inline-flex;gap:8px;align-items:center;margin-bottom:8px;color:hsla(0,0%,8%,.55)}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:hsla(0,0%,8%,.8)}.footer-sep{color:hsla(0,0%,8%,.3)}.legal-page .hero h1{font-size:clamp(28px,3vw,36px)}.legal-panel{margin-top:20px}.legal-content{padding:24px;font-size:14px;line-height:1.8;color:hsla(0,0%,8%,.7)}.legal-content h3{margin:20px 0 8px;font-size:15px;color:hsla(0,0%,8%,.85)}.legal-content p{margin:0 0 12px}.legal-content ul{margin:0 0 12px;padding-left:18px}.legal-content li{margin-bottom:6px}