@charset "UTF-8";.form-error[data-v-6cf80fe7]{color:var(--color-accent);font-size:.9rem}.form-row-code[data-v-39d27978]{display:flex;align-items:flex-end;gap:.8rem}.form-row-code label[data-v-39d27978]{flex:1}.form-row-code .btn[data-v-39d27978]{width:auto;white-space:nowrap}.input-with-action[data-v-39d27978]{display:flex;align-items:center;gap:.6rem}.input-with-action input[data-v-39d27978]{flex:1}.input-with-action .btn[data-v-39d27978]{width:auto;padding:.45rem .9rem}.form-error[data-v-39d27978]{color:var(--color-accent);font-size:.9rem}.form-row-code[data-v-2a4980e8]{display:flex;align-items:flex-end;gap:.8rem}.form-row-code label[data-v-2a4980e8]{flex:1}.form-row-code .btn[data-v-2a4980e8]{width:auto;white-space:nowrap}.form-error[data-v-2a4980e8]{color:var(--color-accent);font-size:.9rem}:root{font-family:Space Grotesk,Noto Sans SC,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans: "Space Grotesk", "Noto Sans SC", sans-serif;--font-serif: "DM Serif Display", "Noto Serif SC", serif;--color-bg: #f6f1e8;--color-surface: #ffffff;--color-surface-2: #f2ebe0;--color-text: #141822;--color-muted: #5b6475;--color-primary: #1c6bff;--color-primary-soft: rgba(28, 107, 255, .18);--color-accent: #ff8f3f;--color-accent-soft: rgba(255, 143, 63, .2);--color-border: rgba(20, 24, 34, .12);--color-success: #16a34a;--shadow-lg: 0 26px 80px rgba(15, 23, 42, .16);--shadow-md: 0 16px 44px rgba(15, 23, 42, .12);--shadow-sm: 0 8px 20px rgba(15, 23, 42, .08);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 8px}[data-theme=dark]{--color-bg: #0b0f14;--color-surface: #121a23;--color-surface-2: #192331;--color-text: #edf1f5;--color-muted: #9aa4b2;--color-primary: #6ea8ff;--color-primary-soft: rgba(110, 168, 255, .22);--color-accent: #ffb369;--color-accent-soft: rgba(255, 179, 105, .22);--color-border: rgba(255, 255, 255, .12);--shadow-lg: 0 26px 80px rgba(3, 6, 12, .6);--shadow-md: 0 16px 44px rgba(3, 6, 12, .48);--shadow-sm: 0 8px 20px rgba(3, 6, 12, .36)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(680px 420px at 12% -10%,var(--color-primary-soft),transparent 70%),radial-gradient(640px 440px at 92% 6%,var(--color-accent-soft),transparent 70%),var(--color-bg)}[data-theme=dark] body{background:radial-gradient(680px 420px at 12% -10%,rgba(98,140,255,.22),transparent 70%),radial-gradient(640px 440px at 92% 6%,rgba(255,179,105,.2),transparent 70%),var(--color-bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#app{min-height:100vh}.app-root{min-height:100vh;position:relative;overflow:hidden}.bg-orb{position:fixed;border-radius:50%;opacity:.5;pointer-events:none;z-index:0;filter:blur(0px);animation:float 16s ease-in-out infinite}.orb-a{width:420px;height:420px;top:-120px;right:-120px;background:radial-gradient(circle,rgba(28,107,255,.3),transparent 70%)}.orb-b{width:320px;height:320px;bottom:10%;left:-120px;background:radial-gradient(circle,rgba(255,143,63,.3),transparent 70%);animation-delay:-6s}.orb-c{width:260px;height:260px;top:50%;right:20%;background:radial-gradient(circle,rgba(20,24,34,.08),transparent 70%);animation-delay:-10s}[data-theme=dark] .orb-a{background:radial-gradient(circle,rgba(110,168,255,.3),transparent 70%)}[data-theme=dark] .orb-b{background:radial-gradient(circle,rgba(255,179,105,.3),transparent 70%)}[data-theme=dark] .orb-c{background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}.container{width:min(1200px,92%);margin:0 auto}.muted{color:var(--color-muted)}.helper-tip{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;max-width:100%;padding:.45rem .8rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-primary),transparent 55%);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary),transparent 86%),color-mix(in srgb,var(--color-accent),transparent 92%));box-shadow:0 8px 18px #1c6bff1f;color:var(--color-text);font-size:.85rem;font-weight:600;line-height:1.4}.helper-tip:before{content:"提示";font-weight:700;color:#fff;background:var(--color-primary);border-radius:8px;padding:.08rem .45rem;font-size:.7rem;letter-spacing:.04em}.serif{font-family:var(--font-serif)}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .8rem;border-radius:999px;background:var(--color-surface-2);color:var(--color-text);font-size:.85rem;font-weight:600;letter-spacing:.02em}.btn{border:1px solid transparent;border-radius:999px;padding:.65rem 1.4rem;font-weight:600;font-family:var(--font-sans);font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:var(--color-surface-2);color:var(--color-text)}.btn-rect{border-radius:var(--radius-sm)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 10px 20px #1c6bff40}[data-theme=dark] .btn-primary{box-shadow:0 10px 24px #6ea8ff59}.btn-outline{background:transparent;border-color:var(--color-border)}.btn-ghost{background:transparent;border-color:transparent}.icon-btn{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface-2)}.icon-btn svg{width:20px;height:20px}.chip{display:inline-flex;padding:.2rem .7rem;border-radius:999px;background:var(--color-surface-2);font-size:.75rem;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.app-logo{display:inline-flex;align-items:center;gap:.8rem;font-weight:700}.logo-link{display:inline-flex;align-items:center}.logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--color-primary);color:#fff;font-weight:700;box-shadow:0 12px 24px #1c6bff47}[data-theme=dark] .logo-mark{box-shadow:0 12px 24px #6ea8ff66}.logo-text{display:flex;flex-direction:column}.logo-text span{font-size:1.1rem}.logo-text small{font-size:.75rem;color:var(--color-muted);letter-spacing:.04em}.public-layout,.auth-layout,.studio-layout{position:relative;z-index:1}.public-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 4%}.public-nav{display:flex;flex-wrap:wrap;gap:.6rem;font-weight:600}.public-nav .nav-tab{padding:.45rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);transition:all .2s ease}.public-nav .nav-tab:hover,.public-nav .router-link-active.nav-tab{background:var(--color-primary);color:#fff;border-color:transparent}.public-actions{display:flex;align-items:center;gap:.6rem}.public-main{padding-bottom:4rem}.public-footer{border-top:1px solid var(--color-border);padding:2.4rem 0 1.6rem;background:var(--color-surface);background:color-mix(in srgb,var(--color-surface),transparent 60%)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.footer-links{display:flex;flex-direction:column;gap:.6rem;color:var(--color-muted)}.footer-title{font-weight:600;color:var(--color-text)}.footer-bottom{margin-top:2rem;text-align:center;font-size:.85rem;color:var(--color-muted)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;align-items:center;padding:2.5rem 0 4rem}.hero-copy h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:1rem 0}.hero-sub{font-size:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.hero-copy-tip{margin-top:.8rem}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin-top:2.5rem}.hero-meta strong{display:block;font-size:1.1rem}.hero-panel{display:grid;gap:1.2rem}.hero-step-list{display:grid;gap:.8rem;margin-top:.6rem}.hero-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);transition:transform .2s ease,box-shadow .2s ease}.hero-step:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hero-step strong{display:block}.hero-step-link{font-weight:600;color:var(--color-primary)}.hero-panel-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.panel-head{display:flex;align-items:center;gap:.6rem;font-weight:600;margin-bottom:.8rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1rem 0 1.4rem}.pulse{width:10px;height:10px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 6px #16a34a33}.section{padding:4rem 0}.section-head{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr);gap:2rem;align-items:center;margin-bottom:2.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem}.workbench-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.workbench-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.4rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:grid;gap:.6rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.workbench-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.workbench-tag{font-size:.75rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em}.workbench-link{font-weight:600;color:var(--color-primary)}.module-stack{display:grid;gap:2rem}.module-card{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(240px,.9fr);gap:2rem;padding:2.2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);align-items:center}.module-info{display:grid;gap:.9rem}.module-tags{display:flex;flex-wrap:wrap;gap:.5rem}.module-preview{display:grid;gap:.7rem;padding:1.6rem;border-radius:var(--radius-md);border:1px solid var(--color-border);min-height:200px;background:var(--color-surface-2)}.module-preview-title{font-weight:700}.module-preview-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;font-size:.9rem}.module-preview-list li{display:flex;align-items:center;gap:.4rem}.module-preview-list li:before{content:"•";color:var(--color-accent)}.module-preview-note{font-size:.85rem}.preview-blue{background:linear-gradient(140deg,#1c6bff38,#fff9)}.preview-amber{background:linear-gradient(140deg,#ff8f3f38,#fff9)}.preview-slate{background:linear-gradient(140deg,#14182214,#fff9)}.community-spotlight{padding:4.5rem 0}.community-shell{position:relative;padding:2.6rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);overflow:hidden;isolation:isolate}.community-shell:before{content:"";position:absolute;inset:-40% 10% auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(28,107,255,.16),transparent 70%);pointer-events:none;z-index:0;opacity:.7}.community-shell>*{position:relative;z-index:1}.community-layout{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);gap:2rem;align-items:start}.community-intro{display:grid;gap:1rem;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md)}.community-intro h3{font-size:1.6rem;margin:0}.community-intro p{font-size:1rem}.community-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.community-stats strong{font-size:1.3rem;display:block}.community-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.community-actions .btn{min-width:140px;justify-content:center}.community-posts{display:grid;gap:1.2rem}.community-posts .btn{width:100%;justify-content:center}.community-card{display:grid;gap:.6rem;padding:1.4rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.community-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.community-card h3{font-size:1.15rem;line-height:1.4;margin:0}.community-card p{font-size:.98rem}.community-card-top,.community-card-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}.community-link,.post-link{color:inherit;text-decoration:none;display:block}.article-layout{display:grid;gap:1.6rem}.article-header{display:grid;gap:.8rem}.article-meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.9rem}.article-actions{display:flex;flex-wrap:wrap;gap:.6rem}.article-body{display:grid;gap:1rem;line-height:1.8}.article-body h3{margin:.6rem 0 .2rem}.reaction-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--color-border)}.reaction-actions{display:flex;flex-wrap:wrap;gap:.6rem}.comment-section{display:grid;gap:1.2rem}.comment-form{display:grid;gap:.8rem}.comment-form textarea{min-height:120px}.comment-list{display:grid;gap:.8rem}.comment-card{display:grid;gap:.4rem;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.comment-meta{display:flex;justify-content:space-between;gap:.8rem;font-size:.85rem;color:var(--color-muted)}.create-layout{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(240px,.8fr);gap:1.6rem;align-items:start}.create-editor,.create-panel{display:grid;gap:1rem}.create-panel{align-self:start;position:sticky;top:1.6rem;height:fit-content}.create-panel .btn{width:100%;justify-content:center}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}.template-chip{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;display:grid;gap:.35rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:88px;color:var(--color-text)}.template-chip:hover,.template-chip.active{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.template-chip strong{font-size:.95rem;color:var(--color-text)}.template-chip span{font-size:.82rem;color:var(--color-muted)}.template-scroll{max-height:360px;overflow-y:auto;padding-right:.2rem}.script-config{border:1px solid color-mix(in srgb,var(--color-primary),transparent 70%);background:linear-gradient(160deg,rgba(28,107,255,.08),transparent 60%)}.script-config .form-grid{margin-bottom:1rem}.script-result{border:1px solid color-mix(in srgb,var(--color-accent),transparent 70%);background:linear-gradient(165deg,rgba(255,143,63,.08),transparent 60%)}.script-result .output-head{align-items:flex-start}.script-output{padding:1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:linear-gradient(160deg,#1c6bff14,#ffffffb3),var(--color-surface);white-space:pre-wrap}.script-output pre{margin:0;font-family:var(--font-sans);white-space:pre-wrap;line-height:1.7}.empty-state{padding:1.6rem;border-radius:var(--radius-sm);border:1px dashed var(--color-border);background:var(--color-surface-2);text-align:center;font-weight:600}.chat-layout{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:1.6rem;align-items:start;overflow-x:hidden}.chat-card{display:grid;gap:1rem;min-width:0;position:relative}.chat-config{display:grid;gap:.4rem;padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.chat-config label{gap:.2rem}.chat-config-row{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:.4rem;align-items:center}.role-desc{font-size:.8rem;line-height:1.3}.chat-context{display:grid;gap:.2rem;font-size:.78rem}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.chat-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.chat-balance{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);font-weight:600;color:var(--color-text)}.chat-model{display:grid;gap:.3rem;font-weight:600;min-width:200px}.chat-window{display:grid;gap:.8rem;padding:1.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);min-height:420px;max-height:620px;overflow:auto;min-width:0}.chat-row{display:flex;gap:.6rem}.chat-user{justify-content:flex-end}.chat-assistant{justify-content:flex-start}.chat-bubble{max-width:78%;padding:.8rem 1.05rem;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);white-space:pre-wrap;line-height:1.6;word-break:break-word}.chat-message{display:inline-flex;align-items:flex-start;gap:.5rem}.chat-user .chat-message{flex-direction:row-reverse}.chat-copy{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chat-copy:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-user .chat-copy{background:color-mix(in srgb,var(--color-primary),transparent 85%);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary),transparent 60%)}.copy-toast{position:absolute;right:1.2rem;bottom:5.2rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-sm)}.chat-user .chat-bubble{background:var(--color-primary);color:#fff;border-color:transparent}.chat-assistant .chat-bubble{border-color:color-mix(in srgb,var(--color-primary),transparent 75%);background:color-mix(in srgb,var(--color-surface),var(--color-primary-soft) 20%)}.chat-loading .chat-bubble{min-width:90px;display:flex;align-items:center;justify-content:center}.typing-dots{display:inline-flex;align-items:center;gap:.35rem}.typing-dots span{width:6px;height:6px;border-radius:999px;background:var(--color-muted);opacity:.5;animation:chat-dot 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes chat-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input{display:grid;gap:.8rem;padding:.8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.chat-input textarea{min-height:96px}.chat-input .btn{justify-self:end}.chat-history{display:grid;gap:1rem;align-self:start;position:sticky;top:1.6rem;height:fit-content;max-height:none;overflow:visible;min-width:0;width:100%}.history-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.history-head h3{margin:0}.history-head .btn{padding:.4rem .9rem;font-size:.85rem}.history-list{display:grid;gap:.5rem;max-height:calc(100vh - 12rem);overflow:auto;padding-right:.2rem;overflow-x:hidden}.history-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:left;width:100%;min-width:0;overflow:hidden}.history-item:hover,.history-item.active{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.history-title{display:block;flex:1;min-width:0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{display:block;font-size:.75rem;color:var(--color-muted);white-space:nowrap;max-width:64px;overflow:hidden;text-overflow:ellipsis}.chat-window,.chat-history,.history-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-primary),transparent 30%) transparent}.chat-window::-webkit-scrollbar,.chat-history::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track,.chat-history::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb,.chat-history::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary),transparent 30%);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.chat-window::-webkit-scrollbar-thumb:hover,.chat-history::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary),transparent 15%)}[data-theme=dark] .script-config{border-color:#6ea8ff4d;background:linear-gradient(160deg,rgba(110,168,255,.16),transparent 65%)}[data-theme=dark] .script-result{border-color:#ffb36947;background:linear-gradient(165deg,rgba(255,179,105,.14),transparent 65%)}[data-theme=dark] .script-output{background:linear-gradient(160deg,#6ea8ff1f,#121a23e6),var(--color-surface)}[data-theme=dark] .chat-window{background:var(--color-surface-2)}[data-theme=dark] .chat-assistant .chat-bubble{background:#6ea8ff1f}.rich-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.toolbar-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.toolbar-divider{width:1px;align-self:stretch;background:var(--color-border);margin:0 .2rem}.toolbar-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px;padding:.35rem .6rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.toolbar-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.toolbar-btn.active{background:var(--color-primary);color:#fff;border-color:transparent}.compact-head{margin-bottom:1.2rem}.plan-select-grid{margin-top:1.2rem}.plan-choice{text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:var(--color-text)}.plan-choice:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-choice.active{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.choice-indicator{font-size:.85rem;color:var(--color-muted)}.pay-toggle{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.pay-option{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);font-weight:600;color:var(--color-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pay-option:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pay-option input{width:16px;height:16px;padding:0;margin:0;accent-color:var(--color-primary);border:1px solid var(--color-border);border-radius:50%;background:transparent}.pay-option.active{background:var(--color-primary);color:#fff;border-color:transparent}.pay-option.active input{accent-color:#fff}.qr-preview{width:150px;height:150px;margin-top:1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);display:grid;place-items:center;padding:.5rem}.qr-preview img{width:100%;height:100%;object-fit:contain}.modal-mask{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:10;padding:1rem}.modal-card{width:min(360px,92vw);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);padding:1.4rem;display:grid;gap:.8rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.8rem}.pending-card{border-color:color-mix(in srgb,var(--color-primary),transparent 70%);background:linear-gradient(150deg,rgba(28,107,255,.08),transparent 60%),var(--color-surface)}.pending-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pending-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem}.order-list{display:grid;gap:1rem}.order-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.2rem;background:var(--color-surface-2);display:grid;gap:1rem}.order-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.order-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.order-body span{display:block}.order-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.reject-inline{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.reject-inline input{min-width:220px}.status-tag{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-surface)}.status-tag.pending{background:color-mix(in srgb,var(--color-accent),transparent 80%);border-color:color-mix(in srgb,var(--color-accent),transparent 60%)}.status-tag.approved{background:color-mix(in srgb,var(--color-success),transparent 85%);border-color:color-mix(in srgb,var(--color-success),transparent 60%);color:var(--color-success)}.status-tag.rejected{background:color-mix(in srgb,#ef4444,transparent 85%);border-color:color-mix(in srgb,#ef4444,transparent 60%);color:#ef4444}.status-text{margin-top:.8rem;font-weight:600}.status-text.success{color:var(--color-success)}.status-text.error{color:#ef4444}.reject-reason{display:block;margin-top:.2rem;color:#ef4444;font-size:.85rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;margin-top:1rem}.admin-panel{display:grid;gap:1rem}.plan-admin-list{display:grid;gap:.8rem}.plan-admin-card{display:flex;justify-content:space-between;gap:1rem;padding:.9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.admin-actions{display:flex;gap:.6rem;align-items:center}.admin-section{margin-top:1rem}.admin-tabs{margin-bottom:1.2rem}.checkbox-line{display:flex;align-items:center;gap:.6rem;font-weight:600}.form-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:.8rem}.rich-editor{min-height:240px;padding:.9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.rich-editor:focus-within{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.rich-editor .ProseMirror{min-height:220px;outline:none}.rich-editor .ProseMirror>*{margin:0 0 .8rem}.rich-editor .ProseMirror ul,.rich-editor .ProseMirror ol{padding-left:1.4rem;margin:0 0 .8rem}.rich-editor .ProseMirror blockquote{margin:0 0 .8rem;padding-left:.9rem;border-left:3px solid var(--color-primary);color:var(--color-muted)}.rich-editor .ProseMirror pre{margin:0 0 .8rem;padding:.8rem;border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border);overflow-x:auto}.rich-editor .ProseMirror code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem}.rich-editor .ProseMirror hr{border:none;border-top:1px solid var(--color-border);margin:1.2rem 0}.rich-editor .ProseMirror img{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.rich-editor .ProseMirror a{color:var(--color-primary);text-decoration:underline}.rich-editor .ProseMirror p.is-editor-empty:before{content:attr(data-placeholder);float:left;color:var(--color-muted);pointer-events:none;height:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feature-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.6rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.feature-tag{color:var(--color-accent);font-weight:700;font-size:.8rem}.split-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.4rem}.workflow-steps{display:grid;gap:1rem}.step-card{display:flex;gap:1rem;background:var(--color-surface);border-radius:var(--radius-md);padding:1.2rem 1.4rem;border:1px solid var(--color-border)}.step-index{font-weight:700;color:var(--color-accent)}.workflow-highlight{display:grid;gap:1rem;margin-top:2rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem}.plan-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.6rem;border:1px solid var(--color-border);display:grid;gap:1rem;box-shadow:var(--shadow-sm)}.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;color:var(--color-muted);font-size:.9rem}.plan-card ul li:before{content:"•";margin-right:.4rem;color:var(--color-accent)}.plan-card.highlight{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-6px)}.plan-price{font-size:1.4rem}.token-pack{gap:.8rem}.token-amount{display:grid;gap:.2rem}.token-amount strong{font-size:1.3rem}.auth-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-height:100vh}.auth-aside{padding:2rem 8%;display:grid;gap:2.5rem;background:linear-gradient(160deg,#1c6bff1a,#ff8f3f14)}.auth-header{display:flex;justify-content:space-between;align-items:center}.auth-highlight-grid{display:grid;gap:1rem;margin-top:2rem}.mini-card{background:var(--color-surface);padding:1rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.mini-card span{font-weight:600}.mini-card small{display:block;color:var(--color-muted);margin-top:.2rem}.auth-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.auth-metrics strong{font-size:1.2rem;display:block}.auth-panel{padding:3rem 10%;display:grid;align-items:center}.auth-form{display:grid;gap:1.8rem;background:var(--color-surface);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.auth-form-head h2{margin:.6rem 0}.form-grid{display:grid;gap:1rem}.form-grid .btn{width:100%;justify-content:center}label{display:grid;gap:.4rem;font-weight:600}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem .9rem;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}textarea{resize:vertical}.form-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.checkbox{display:flex;align-items:center;gap:.6rem;font-weight:500}.auth-alt{display:flex;gap:.6rem;align-items:center}.studio-layout{display:flex;flex-direction:column;min-height:100vh}.studio-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2.4rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);background:color-mix(in srgb,var(--color-surface),transparent 40%)}.studio-header{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-left{display:flex;align-items:center;gap:1.2rem}.topbar-status{display:grid;gap:.2rem}.user-brief{display:flex;align-items:center;gap:.6rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.75rem}.user-name{font-weight:600;font-size:.9rem}.user-menu{position:relative}.user-chip{border:1px solid var(--color-border);background:var(--color-surface-2);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0}.user-dropdown{position:absolute;top:calc(100% + .6rem);right:0;min-width:180px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);padding:.6rem;display:grid;gap:.4rem;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.user-dropdown-head{display:flex;align-items:center;gap:.6rem;padding-bottom:.4rem;border-bottom:1px dashed var(--color-border);margin-bottom:.2rem}.user-meta{display:grid;gap:.2rem;font-size:.85rem}.dropdown-link,.dropdown-btn{display:block;width:100%;border-radius:10px;padding:.45rem .6rem;border:1px solid transparent;background:transparent;text-align:left;font-weight:600;color:var(--color-text);cursor:pointer}.dropdown-link:hover,.dropdown-btn:hover{background:var(--color-surface-2);border-color:var(--color-border)}.studio-nav-row{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 2.4rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.studio-tab{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);font-weight:600;color:var(--color-text);transition:all .2s ease}.studio-tab:hover,.studio-tab.router-link-active{background:var(--color-primary);color:#fff;border-color:transparent}.topbar-actions{display:flex;align-items:center;gap:.6rem}.studio-content{padding:2rem 2.4rem 4rem;overflow-x:hidden}.studio-page{display:grid;gap:2rem;min-width:0}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.page-actions{display:flex;gap:.8rem}.studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.6rem}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.6rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.form-card h3,.output-card h3{margin-top:0}.output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.script-block{padding:1rem 1.2rem;border-radius:var(--radius-sm);background:var(--color-surface-2);margin-bottom:1rem}.timeline{display:grid;gap:.8rem;margin-top:1rem}.timeline div{display:flex;flex-direction:column;gap:.2rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.image-card{display:grid;gap:.6rem}.image-meta{display:grid;gap:.2rem}.image-preview{border-radius:var(--radius-sm);height:150px;border:1px solid var(--color-border)}.gradient-a{background:linear-gradient(135deg,#1c6bff40,#ff8f3f4d),#fff}.gradient-b{background:linear-gradient(150deg,#ffb36959,#1c6bff33),#fff}.gradient-c{background:linear-gradient(120deg,#1c6bff2e,#fff0),#f5f1e8}.gradient-d{background:linear-gradient(140deg,#ff8f3f4d,#fff3),#fff}.gradient-e{background:linear-gradient(180deg,#1418221a,#fff0),#f0ebe1}.gradient-f{background:linear-gradient(135deg,#1c6bff4d,#ffb3694d),#fff}[data-theme=dark] .gradient-a,[data-theme=dark] .gradient-b,[data-theme=dark] .gradient-c,[data-theme=dark] .gradient-d,[data-theme=dark] .gradient-e,[data-theme=dark] .gradient-f{background-blend-mode:screen}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.compare-card{display:grid;gap:.6rem}.insight-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.2rem}.upload-card{display:grid;gap:1rem;padding:1rem;border-radius:var(--radius-sm);border:1px dashed var(--color-border);background:var(--color-surface-2);margin-bottom:1rem}.upload-placeholder{display:grid;gap:.2rem;font-weight:600}input[type=range]{accent-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-2);font-size:.75rem;font-weight:600}.news-tabs{display:grid;gap:1.2rem}.tab-row{display:flex;flex-wrap:wrap;gap:.6rem}.tab-btn{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:999px;padding:.45rem 1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s ease}.tab-btn.active,.tab-btn:hover{background:var(--color-primary);color:#fff;border-color:transparent}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.platform-card{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:.4rem}.platform-head{display:flex;align-items:center;gap:.6rem}.news-list{display:grid;gap:1rem}.news-card{padding:1rem 1.2rem;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);display:grid;gap:.6rem}.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem}.news-tag{font-weight:700;color:var(--color-accent)}.news-actions{display:flex;flex-wrap:wrap;gap:.6rem}.keyword-list{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.keyword{padding:.3rem .7rem;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:.8rem;font-weight:600}.alert-list{display:grid;gap:.8rem;margin-top:1.4rem}.alert-card{display:flex;gap:.6rem;align-items:flex-start}.alert-level{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.pill-row{display:grid;gap:.6rem}.pill{display:grid;gap:.2rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border)}.pill small{font-size:.75rem}.token-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);margin-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{display:grid;gap:.4rem}.stat-card strong{font-size:1.4rem}.trend{color:var(--color-success);font-weight:600}.chart-bars{display:grid;gap:.8rem;margin-top:1rem}.bar-row{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;gap:.8rem;font-size:.9rem}.bar-track{position:relative;height:10px;border-radius:999px;background:var(--color-surface-2);overflow:hidden}.bar-fill{position:absolute;inset:0;width:0;height:100%;border-radius:999px;background:linear-gradient(120deg,var(--color-primary),var(--color-accent))}.insight-list{display:grid;gap:1rem;margin-top:1.2rem}.insight-item{display:grid;gap:.3rem}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}.post-list{display:grid;gap:1rem}.post-list .btn{width:100%;justify-content:center}.post-card{padding:1rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);display:grid;gap:.6rem}.post-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.post-meta{display:flex;gap:.8rem;font-size:.85rem}.post-actions{display:flex;gap:.6rem}.creator-list{display:grid;gap:.8rem;margin-top:1.2rem}.creator-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-bottom:.6rem;border-bottom:1px dashed var(--color-border)}.credit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.credit-card{display:grid;gap:.6rem}.transaction-list{display:grid;gap:.8rem}.transaction-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px dashed var(--color-border)}.invite-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.invite-link span{word-break:break-all}.invite-copy-tip{margin-top:.6rem}.invite-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.invite-rules{display:grid;gap:.8rem;margin-top:1.2rem}.rule-row{display:grid;gap:.2rem;padding-bottom:.6rem;border-bottom:1px dashed var(--color-border)}.invite-list{display:grid;gap:.8rem}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px dashed var(--color-border)}.profile-block{display:flex;align-items:center;gap:1rem}.avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--color-primary);color:#fff;font-weight:700}.profile-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.2rem}.platform-list{display:grid;gap:.8rem}.platform-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.6rem;border-bottom:1px dashed var(--color-border)}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}.reveal{animation:fade-up .7s ease both;animation-delay:var(--delay, 0s)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@media(max-width:960px){.public-header{flex-direction:column;align-items:flex-start}.public-nav{flex-wrap:wrap}.section-head{grid-template-columns:1fr}.studio-topbar{flex-direction:column;align-items:flex-start;gap:1rem}.topbar-actions{flex-wrap:wrap}.module-card,.community-layout{grid-template-columns:1fr}.community-shell{padding:2rem}.community-shell:before{display:none}.create-layout{grid-template-columns:1fr}.create-panel{position:static}.chat-layout{grid-template-columns:1fr}.chat-history{position:static}.chat-config-row{grid-template-columns:1fr}.studio-nav-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.6rem}.studio-tab{white-space:nowrap}}@media(max-width:720px){.auth-layout{grid-template-columns:1fr}.auth-panel{padding:2rem 6%}.public-actions{flex-wrap:wrap}.bar-row{grid-template-columns:1fr}.bar-row strong{justify-self:start}}@media(prefers-reduced-motion:reduce){.reveal,.bg-orb{animation:none}}
