@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1e2523;--muted:#78817d;--paper:#f5f5f2;--panel:#fff;--line:#e4e8e3;--coral:#ee6b5a;--coral-soft:#fff0ec;--mint:#5fba9a;--mint-soft:#e7f5ef;--violet:#8b7cf7;--amber:#e8ae54;--shadow:0 16px 50px rgba(28,39,34,.08);font-family:Manrope,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.84);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 28px;gap:52px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:18px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--ink);color:#fdfcf7;display:grid;place-items:center;font-size:16px;transform:rotate(-7deg);font-family:Georgia,serif}.topnav{display:flex;gap:28px;color:#8c9490;font-size:13px;font-weight:600}.topnav a{height:68px;display:flex;align-items:center;position:relative}.topnav a.active{color:var(--ink)}.topnav a.active:after{content:"";position:absolute;height:2px;background:var(--coral);left:0;right:0;bottom:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-button{height:34px;min-width:34px;padding:0 8px;display:inline-grid;place-items:center;border-radius:8px;color:#727b77;font-size:18px;position:relative}.icon-button:hover{background:#f0f2ef;color:var(--ink)}.icon-button.small{font-size:18px}.notify-dot{position:absolute;right:7px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.credit-pill{height:34px;display:flex;align-items:center;gap:7px;border:1px solid #dfe4df;border-radius:20px;padding:0 13px;color:#7c8580;font-size:12px;background:#fff}.credit-pill strong{color:var(--ink);font-size:13px}.credit-spark{color:var(--coral)}.avatar,.big-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#c7d5c9;color:#436052;font-weight:700}.page-content{height:calc(100vh - 68px)}.workspace-layout{height:100%;display:grid;grid-template-columns:230px minmax(500px,1fr) 310px}.left-rail{border-right:1px solid var(--line);background:#fafaf8;padding:22px 14px 16px;display:flex;flex-direction:column}.rail-heading{display:flex;justify-content:space-between;align-items:center;color:#9aa19d;text-transform:uppercase;letter-spacing:.12em;font-size:10px;padding:0 10px 13px}.canvas-list{display:flex;flex-direction:column;gap:4px}.canvas-item{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 9px;border-radius:9px;color:#69736e}.canvas-item:hover,.canvas-item.selected{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(29,39,35,.04)}.canvas-item b{display:block;font-size:12px;font-weight:700}.canvas-item small{display:block;color:#9ba39e;font-size:10px;margin-top:2px}.canvas-item i{font-style:normal;font-size:13px;margin-left:auto;color:#bec5c0;opacity:0}.canvas-item:hover i,.canvas-item.selected i{opacity:1}.canvas-thumb{height:34px;width:42px;border-radius:6px;background:#e2e9e2;flex:none}.thumb-sun{display:grid;place-items:center;background:linear-gradient(135deg,#ffe0b5,#ef816a);color:#fff;font-size:16px}.thumb-blue{background:linear-gradient(145deg,#b4d1db,#597c87)}.thumb-pink{background:linear-gradient(145deg,#f3ced9,#8f6e8b)}.rail-divider{height:1px;background:var(--line);margin:22px 8px}.rail-link{display:flex;align-items:center;gap:10px;height:38px;border-radius:8px;padding:0 10px;color:#78817c;font-size:12px}.rail-link:hover{background:#fff;color:var(--ink)}.rail-icon{font-size:16px;color:#a0aaa4;width:18px;text-align:center}.rail-count{margin-left:auto;border-radius:10px;background:#ecefeb;padding:1px 7px;color:#8b958f;font-size:10px}.rail-bottom{margin-top:auto}.usage-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px 12px}.usage-top{display:flex;justify-content:space-between;font-size:11px;color:#77807b}.usage-top b{color:var(--coral)}.usage-track{height:5px;background:#f1f2ef;border-radius:8px;margin:10px 0 7px}.usage-track i{display:block;height:100%;border-radius:8px;background:var(--coral)}.usage-card small{font-size:10px;color:#a0a8a3}.usage-card a{display:block;font-size:11px;color:var(--coral);font-weight:700;margin-top:12px}.help-link{font-size:12px;color:#a4aca7;padding:16px 8px 0}.help-link span{margin-left:7px}.canvas-area{position:relative;overflow:hidden;background:#f7f7f4}.canvas-toolbar{height:59px;border-bottom:1px solid var(--line);background:rgba(250,250,247,.88);display:flex;align-items:center;padding:0 18px;justify-content:space-between;position:relative;z-index:4}.canvas-title{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(95,186,154,.13)}.canvas-title input{background:none;border:0;outline:none;font-weight:700;font-size:13px;width:115px}.save-status{font-size:10px;color:#a1aaa5}.toolbar-actions{display:flex;align-items:center;gap:4px}.tool-button{width:29px;height:29px;border-radius:6px;color:#89928d}.tool-button:hover{background:#ebeeea;color:var(--ink)}.zoom-label{font-family:"DM Mono",monospace;font-size:10px;color:#8a948e;width:41px;text-align:center}.toolbar-separator{height:18px;width:1px;background:var(--line);margin:0 8px}.button{height:36px;border-radius:8px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#303b36}.button.primary{background:var(--coral);color:#fff}.button.primary:hover{background:#da5d4e}.button.ghost{border:1px solid var(--line);color:#707a75;background:#fff}.button.outline{border:1px solid #d9dfda;background:#fff}.button.wide{width:100%}.canvas-stage{height:calc(100% - 59px);position:relative;overflow:hidden;cursor:grab}.canvas-stage:active{cursor:grabbing}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(#d9dfda 1px,transparent 1px);background-size:20px 20px;opacity:.7}.canvas-world{position:absolute;inset:0;transform-origin:0 0}.edges-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.edge-line{fill:none;stroke-width:1.7;stroke-dasharray:6 5;opacity:.72}.edge-line.coral{stroke:var(--coral)}.edge-line.mint{stroke:var(--mint)}.edge-line.violet{stroke:var(--violet)}.flow-node{position:absolute;width:288px;border:1px solid #dfe6e0;background:rgba(255,255,255,.94);border-radius:10px;box-shadow:0 12px 34px rgba(34,47,40,.07);z-index:2;user-select:none}.flow-node.selected-node{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,124,247,.11),0 12px 34px rgba(34,47,40,.09)}.node-head{height:57px;padding:0 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0ed}.node-head b{display:block;font-size:12px}.node-head small{display:block;color:#9aa49e;font-size:10px;margin-top:2px}.node-menu{margin-left:auto;color:#b4bdb8;letter-spacing:1px;font-size:13px}.node-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:12px}.node-icon.coral{background:var(--coral-soft);color:var(--coral)}.node-icon.mint{background:var(--mint-soft);color:#469d7d}.node-icon.violet{background:#f0edff;color:var(--violet)}.node-icon.amber{background:#fff4df;color:#ca8f2c}.node-body{padding:12px 13px 10px}.node-body p{font-size:12px;color:#727c76;line-height:1.65;margin:0 0 12px}.node-foot{height:18px;display:flex;align-items:center;gap:7px;font-size:10px;color:#9da7a1;position:relative}.word-count{margin-left:auto;color:#c0c6c1}.port{width:9px;height:9px;display:block;border-radius:50%;background:#fff;border:2px solid;position:absolute}.port.out{right:-18px}.port.in{left:-18px}.coral-port{border-color:var(--coral)}.mint-port{border-color:var(--mint)}.violet-port{border-color:var(--violet)}.port.second{top:14px}.image-body{padding-bottom:9px}.reference-image{height:94px;border-radius:7px;background:linear-gradient(160deg,rgba(37,60,69,.25),rgba(244,171,112,.24)),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=600&q=70') center/cover;margin-bottom:10px}.model-row{display:flex;align-items:center;gap:9px;margin-bottom:13px}.model-logo{width:25px;height:25px;border-radius:6px;background:#f3efe9;display:grid;place-items:center;font-weight:800;font-size:12px;color:#5f5449}.model-row b{font-size:11px;display:block}.model-row small{font-size:10px;color:#9da69f}.status-spinner{width:10px;height:10px;border:1.5px solid #d7dbd8;border-top-color:var(--violet);border-radius:50%;margin-left:auto;animation:spin 1s linear infinite}.progress-wrap{display:flex;align-items:center;gap:10px;margin:3px 0 12px}.progress-line{height:5px;background:#f0f1ee;border-radius:8px;flex:1}.progress-line i{display:block;height:100%;background:var(--violet);border-radius:8px}.progress-wrap>span{font:10px "DM Mono",monospace;color:var(--violet)}.output-body{padding-top:8px}.video-preview{height:126px;border-radius:7px;background:linear-gradient(145deg,rgba(40,54,57,.15),rgba(15,19,21,.4)),url('https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?auto=format&fit=crop&w=600&q=70') center/cover;position:relative;margin-bottom:10px}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:35px;width:35px;background:rgba(255,255,255,.85);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:13px;padding-left:2px}.preview-time{position:absolute;right:8px;bottom:6px;color:#fff;font:10px "DM Mono",monospace}.add-node-button{position:absolute;height:37px;border:1px dashed #cad3cd;border-radius:9px;color:#9ca7a0;background:rgba(255,255,255,.65);padding:0 13px;display:flex;align-items:center;gap:7px;font-size:11px;z-index:3}.add-node-button:hover{border-color:var(--coral);color:var(--coral);background:#fff}.add-node-button span{font-size:17px}.minimap{position:absolute;right:18px;bottom:18px;width:146px;height:95px;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid #e0e6e1;padding:8px;z-index:4;box-shadow:0 6px 18px rgba(32,43,37,.06)}.mini-grid{height:100%;position:relative;background-image:radial-gradient(#dbe1dc 1px,transparent 1px);background-size:8px 8px}.mini-grid b{position:absolute;inset:20px 10px;border:1px solid var(--coral);opacity:.35}.mini-node{position:absolute;height:12px;width:27px;border-radius:2px}.mini-node.one{left:15px;top:18px;background:#f2a393}.mini-node.two{left:15px;top:52px;background:#95d2bd}.mini-node.three{left:62px;top:36px;background:#aba2ed}.mini-node.four{right:13px;top:25px;background:#f0cb83}.stage-hint{position:absolute;left:18px;bottom:18px;color:#b0b7b2;font-size:10px;z-index:4}.stage-hint kbd{font:10px "DM Mono",monospace;background:#fff;border:1px solid #e0e5e1;border-radius:3px;padding:2px 5px;margin-left:4px}.inspector{background:#fff;border-left:1px solid var(--line);overflow:auto}.inspector-head{padding:22px 20px 15px;display:flex;justify-content:space-between}.eyebrow{margin:0 0 7px;color:#a2aaa5;letter-spacing:.13em;font-size:10px;text-transform:uppercase;font-family:"DM Mono",monospace}.inspector h3{margin:0;font-size:17px;letter-spacing:-.03em}.inspector-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 20px;gap:20px}.inspector-tabs button{height:37px;font-size:11px;color:#a1aaa4;position:relative}.inspector-tabs button.active{color:var(--ink);font-weight:700}.inspector-tabs button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--ink)}.inspector-body{padding:20px}.field-label{display:block;color:#7f8983;font-size:10px;font-weight:700;margin-bottom:17px}.field-label select,.field-label textarea{display:block;width:100%;border:1px solid #dfe5df;border-radius:7px;background:#fafbf9;outline:0;margin-top:7px;padding:9px 10px;font-size:11px;color:var(--ink)}.field-label textarea{line-height:1.65;resize:vertical}.field-label select:focus,.field-label textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,124,247,.09)}.segmented{display:flex;background:#f4f5f3;border-radius:7px;padding:3px;margin-top:7px}.segmented button{height:27px;flex:1;border-radius:5px;color:#9ca59f;font-size:10px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(33,44,38,.08);font-weight:700}.range-label>div{display:flex;justify-content:space-between}.range-label b{color:var(--ink)}input[type=range]{width:100%;accent-color:var(--violet);margin-top:9px}.inspector-divider{height:1px;background:var(--line);margin:4px 0 16px}.cost-summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#89938d;margin-bottom:13px}.cost-summary strong{color:var(--violet);font-size:12px}.inspector-note{color:#aab1ad;font-size:10px;line-height:1.6;text-align:center;margin:12px 0}.subpage{max-width:1120px;margin:0 auto;padding:54px 38px}.subpage-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.subpage-heading h1{font-size:38px;letter-spacing:-.06em;line-height:1.12;margin:0 0 10px}.subpage-heading p:not(.eyebrow){color:#8a938e;margin:0;font-size:13px}.filter-bar{height:42px;display:flex;align-items:center;gap:7px;margin-bottom:23px}.search-box{width:230px;height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px;color:#a0aaa4}.search-box input{border:0;outline:0;background:none;width:100%;font-size:11px}.filter-button{height:32px;padding:0 12px;border-radius:6px;color:#87918b;font-size:11px}.filter-button.active,.filter-button:hover{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(34,44,38,.05)}.filter-spacer{flex:1}.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.work-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s}.work-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.work-media{height:180px;position:relative;background:#ddd}.media-city{background:linear-gradient(150deg,rgba(24,32,37,.12),rgba(18,22,25,.42)),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=800&q=80') center/cover}.media-portrait{background:linear-gradient(145deg,#c3d0ca,#7c9d9a)}.media-purple{background:linear-gradient(145deg,#473d69,#d7a5a8)}.media-sand{background:linear-gradient(145deg,#d6b17c,#435a5c)}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--ink);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px}.media-label{position:absolute;bottom:10px;right:10px;border-radius:3px;background:rgba(0,0,0,.45);color:#fff;padding:2px 5px;font:9px "DM Mono",monospace}.work-info{display:flex;justify-content:space-between;padding:14px 13px 4px}.work-info h3{font-size:12px;margin:0 0 5px}.work-info p{font-size:10px;color:#a0a9a3;margin:0}.work-meta{padding:4px 13px 13px;color:#afb7b2;font-size:10px;display:flex;justify-content:space-between}.star{font-size:15px;color:#b8c0ba}.star.active{color:var(--amber)}.center-heading{text-align:center;margin:12px auto 44px}.center-heading h1{font-size:42px;letter-spacing:-.07em;line-height:1.15;margin:0 auto 13px;max-width:600px}.center-heading>p:not(.eyebrow){color:#8e9792}.billing-toggle{display:inline-flex;background:#e8ece8;padding:4px;border-radius:8px;margin-top:19px}.billing-toggle button{height:31px;border-radius:6px;padding:0 17px;font-size:11px;color:#8d9791}.billing-toggle button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(36,44,39,.08)}.billing-toggle em{font-style:normal;color:var(--mint);font-size:9px;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:960px;margin:0 auto}.price-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:25px 23px;position:relative}.price-card.popular{border:1.5px solid var(--coral);box-shadow:0 14px 35px rgba(238,107,90,.11)}.popular-tag{position:absolute;right:17px;top:17px;background:var(--coral-soft);color:var(--coral);font-size:9px;padding:4px 7px;border-radius:4px;font-weight:700}.price-kicker{color:#a3aca6;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em}.price-card h2{font-size:26px;letter-spacing:-.05em;margin:8px 0}.price-card p{font-size:11px;color:#89928d;height:33px;margin:0 0 20px}.price{display:flex;align-items:baseline;gap:4px;margin-bottom:20px}.price b{font-size:29px;letter-spacing:-.05em}.price small{color:#a8afa9;font-size:10px}.price-card ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line);font-size:11px;color:#78827c}.price-card li{padding:6px 0}.price-card li:before{content:"✓";color:var(--mint);margin-right:8px;font-weight:800}.account-layout{display:grid;grid-template-columns:180px 1fr;gap:26px}.account-menu{display:flex;flex-direction:column;gap:4px}.account-menu button{text-align:left;padding:11px 12px;border-radius:7px;font-size:12px;color:#89928d}.account-menu button.active,.account-menu button:hover{background:#fff;color:var(--ink);font-weight:700}.settings-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:28px 30px;max-width:680px}.profile-row{display:flex;align-items:center;gap:13px}.big-avatar{width:54px;height:54px;font-size:20px}.profile-row h3{margin:0;font-size:15px}.profile-row p{color:#9ca59f;font-size:11px;margin:3px 0 0}.profile-row .button{margin-left:auto}.settings-divider{height:1px;background:var(--line);margin:25px 0}.settings-form{max-width:450px}.settings-form label{display:block;color:#7e8982;font-size:11px;font-weight:700;margin-bottom:17px}.settings-form input,.settings-form textarea{display:block;margin-top:7px;width:100%;border:1px solid #e0e5e1;border-radius:7px;padding:10px;background:#fafbf9;outline:0;font-size:12px}.settings-form textarea{resize:vertical}.admin-badge{background:var(--coral-soft);color:var(--coral);font-size:10px;padding:6px 10px;border-radius:5px;font-weight:700}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-stats>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.admin-stats span{display:block;color:#919a94;font-size:10px}.admin-stats b{display:block;font-size:27px;letter-spacing:-.06em;margin:8px 0 4px}.admin-stats small{color:var(--mint);font-size:10px}.admin-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h3{font-size:13px;margin:0}.panel-heading span{color:#9ba49f;font-size:10px}.chart{height:220px;padding:25px 13px 0}.chart-bars{height:165px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #edf0ec;background:repeating-linear-gradient(to bottom,transparent 0,transparent 40px,#edf0ec 41px)}.chart-bars i{width:23px;background:#dfe7e0;border-radius:4px 4px 0 0}.chart-bars i.today{background:var(--coral)}.chart-axis{display:flex;justify-content:space-between;color:#a7afa9;font-size:9px;padding-top:8px}.model-usage{margin-top:26px}.model-usage>div:not(.usage-bar){display:flex;justify-content:space-between;font-size:11px;color:#7b8580;margin:15px 0 7px}.model-usage b{color:var(--ink)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.dot.coral{background:var(--coral)}.dot.violet{background:var(--violet)}.dot.mint{background:var(--mint)}.usage-bar{height:7px;border-radius:8px;background:#f0f2ef}.usage-bar i{height:100%;display:block;border-radius:8px}.toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:8px;padding:10px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:rgba(22,29,26,.28);backdrop-filter:blur(3px);display:none;place-items:center;z-index:90}.modal-backdrop.open{display:grid}.modal-card{width:min(470px,calc(100% - 34px));background:#fff;border-radius:12px;padding:27px;box-shadow:0 20px 80px rgba(14,23,18,.2);position:relative}.modal-close{position:absolute;right:15px;top:13px;font-size:22px;color:#aab2ad}.modal-card h3{margin:0 0 8px;font-size:19px}.modal-card p{color:#8e9792;font-size:12px}.install-body{min-height:100vh;background:#f2f4f0;display:grid;place-items:center}.installer{width:min(1040px,calc(100% - 44px));min-height:680px;background:#fff;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:37% 63%;box-shadow:0 24px 90px rgba(27,42,34,.12)}.install-aside{background:#202a26;color:#edf2ed;padding:34px;display:flex;flex-direction:column}.brand-light{color:#fff}.install-copy{margin:auto 0}.install-copy .chapter{color:#a6b4ad;font:10px "DM Mono",monospace;letter-spacing:.16em}.install-copy h1{font-size:37px;line-height:1.18;letter-spacing:-.07em;margin:18px 0 14px;max-width:290px}.install-copy p{color:#aebbb3;font-size:13px;max-width:280px;line-height:1.7}.install-steps{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:15px;color:#6f7e75;font-size:11px}.install-steps li{display:flex;align-items:center;gap:9px}.install-steps li:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid #718078}.install-steps li.active{color:#e9eee9}.install-steps li.active:before{background:var(--coral);border-color:var(--coral);box-shadow:0 0 0 4px rgba(238,107,90,.15)}.install-panel{padding:43px 50px;overflow:auto}.install-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.install-heading h2{font-size:27px;letter-spacing:-.06em;margin:0}.version{font:10px "DM Mono",monospace;color:#adb6b0}.requirements{border:1px solid var(--line);border-radius:9px;padding:5px 14px;margin-bottom:23px}.requirement{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eff1ee;font-size:11px;color:#7a847e}.requirement:last-child{border-bottom:0}.requirement b{font-size:10px;font-weight:700}.requirement .ok{color:var(--mint)}.requirement .bad{color:var(--coral)}.alert{border-radius:7px;padding:9px 11px;font-size:11px;margin-bottom:13px}.alert.error{background:#fff1ed;color:#c45648}.install-form fieldset{border:0;padding:0;margin:0 0 23px}.install-form legend{font-size:12px;font-weight:800;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-form label{font-size:10px;color:#849089;font-weight:700}.install-form input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #e0e5e1;border-radius:7px;background:#fafbf9;outline:0;font-size:12px}.install-form input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(238,107,90,.08)}.form-grid .full{grid-column:1/-1}.install-success{text-align:center;padding:130px 10px}.success-icon{height:55px;width:55px;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint);border-radius:50%;font-size:28px;margin:0 auto 24px}.install-success h2{font-size:28px;letter-spacing:-.06em;margin:0 0 10px}.install-success>p:not(.eyebrow){color:#89948e;font-size:13px;margin:0 auto 24px;max-width:300px}.install-success .button{margin-top:12px}
@keyframes spin{to{transform:rotate(360deg)}}
.balance-chip{margin-left:auto;background:var(--mint-soft);color:#4d967d;border-radius:18px;padding:7px 11px;font-size:10px}.balance-chip b{font-size:12px}.transaction-list{display:flex;flex-direction:column}.transaction-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;border-bottom:1px solid #edf0ed;font-size:11px}.transaction-row span{color:#7f8983}.transaction-row small{color:#a4aca7}.transaction-row b.positive{color:var(--mint)}.transaction-row b.negative{color:var(--coral)}.empty-note{font-size:11px;color:#a3aca6}.users-panel{margin-top:18px}.admin-table-wrap{overflow:auto;margin-top:15px}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{text-align:left;color:#9aa39e;font-weight:600;border-bottom:1px solid var(--line);padding:9px}.admin-table td{border-bottom:1px solid #edf0ed;padding:10px 9px;color:#737d77}.admin-table td:first-child{color:var(--ink);font-weight:600}.status-tag{padding:3px 7px;border-radius:4px;background:var(--mint-soft);color:#498f77;font-size:9px}.status-tag.banned{background:var(--coral-soft);color:var(--coral)}.table-action{color:var(--coral);font-size:10px;font-weight:700}
.auth-switch{font-size:10px;text-align:center;color:#9aa39d}.auth-switch a{color:var(--coral);font-weight:700;margin-left:4px}.login-link{font-size:12px;color:var(--coral);font-weight:700;padding:8px 4px}
.auth-page{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1fr 1fr;max-width:980px;margin:0 auto;padding:46px 32px;gap:30px;align-items:center}.auth-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:34px 38px;box-shadow:var(--shadow)}.auth-copy{margin:70px 0 28px}.auth-copy h1{font-size:34px;letter-spacing:-.07em;line-height:1.1;margin:0 0 11px}.auth-copy p:not(.eyebrow){font-size:12px;color:#8d9690}.auth-form label{display:block;font-size:10px;color:#808a84;font-weight:700;margin-bottom:15px}.auth-form input{display:block;width:100%;margin-top:6px;border:1px solid #dfe5e0;background:#fafbf9;border-radius:7px;padding:11px;outline:0;font-size:12px}.auth-form input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(238,107,90,.08)}.auth-hint{font-size:10px;text-align:center;color:#a1aaa5}.auth-art{min-height:470px;border-radius:13px;background:#202a26;position:relative;overflow:hidden;color:#f1f5f0;padding:34px;display:flex;align-items:flex-end}.auth-art:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(213,231,221,.14);border-radius:50%;left:-60px;top:18px}.auth-art:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(238,107,90,.3);border-radius:50%;right:-120px;top:150px}.auth-art p{position:relative;z-index:2;font-size:18px;line-height:1.45;letter-spacing:-.04em}.art-orbit{position:absolute;border-radius:50%;border:1px solid rgba(244,177,139,.4)}.orbit-one{width:170px;height:170px;top:92px;right:64px}.orbit-two{width:90px;height:90px;top:160px;right:105px;border-color:rgba(120,205,172,.5)}.art-card{position:absolute;width:120px;height:78px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);padding:13px;font-size:20px;z-index:2}.art-card small{display:block;font:9px "DM Mono",monospace;color:#a3b1a9;margin-top:14px}.art-card-a{top:120px;left:55px;color:var(--coral)}.art-card-b{top:250px;right:44px}.art-card-b span{display:block;width:40px;height:20px;background:linear-gradient(135deg,#e5a680,#668c8c);border-radius:3px}
@media (max-width:1100px){.workspace-layout{grid-template-columns:205px minmax(500px,1fr) 280px}.topbar{gap:30px}.works-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.topbar{padding:0 16px}.topnav{display:none}.workspace-layout{grid-template-columns:1fr}.left-rail,.inspector{display:none}.canvas-toolbar{padding:0 12px}.toolbar-actions .button.ghost{display:none}.page-content{height:calc(100vh - 68px)}.subpage{padding:36px 20px}.subpage-heading h1{font-size:31px}.pricing-grid{grid-template-columns:1fr;max-width:390px}.center-heading h1{font-size:32px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}.account-menu{flex-direction:row;overflow:auto}.installer{grid-template-columns:1fr;width:calc(100% - 24px);min-height:0}.install-aside{padding:25px;min-height:300px}.install-copy{margin:45px 0 35px}.install-copy h1{font-size:29px}.install-panel{padding:30px 23px}.works-grid{gap:12px}.work-media{height:150px}}
@media (max-width:820px){.auth-page{grid-template-columns:1fr;max-width:500px;padding:28px 20px}.auth-art{display:none}.auth-copy{margin:45px 0 28px}}
@media (max-width:520px){.credit-pill{padding:0 8px}.credit-pill span:last-child{display:none}.top-actions{gap:6px}.canvas-title input{width:90px}.toolbar-actions .toolbar-separator,.toolbar-actions .tool-button:nth-of-type(1),.toolbar-actions .tool-button:nth-of-type(2){display:none}.works-grid{grid-template-columns:1fr}.subpage-heading{align-items:flex-start;gap:15px;flex-direction:column}.filter-bar{overflow:auto}.search-box{min-width:190px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.install-copy h1{font-size:27px}}
.installer{width:min(1160px,calc(100% - 48px));min-height:720px;border-radius:20px;box-shadow:0 30px 90px rgba(25,41,33,.13)}.install-aside{padding:38px 39px 33px;background:linear-gradient(155deg,#1e2925 0%,#24332d 60%,#1d2824 100%);position:relative;overflow:hidden}.install-aside:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(218,232,221,.09);border-radius:50%;right:-250px;top:140px}.install-aside:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(238,107,90,.17);border-radius:50%;right:-100px;top:214px}.install-copy{position:relative;z-index:1;margin:auto 0}.install-copy h1{font-size:39px;line-height:1.13;max-width:285px;margin:20px 0 16px}.install-copy p{max-width:250px;color:#b6c2ba;line-height:1.75}.install-steps{position:relative;z-index:2;gap:12px}.install-steps li{height:28px}.install-steps li:before{width:8px;height:8px}.install-panel{padding:39px 53px 35px;background:#fff}.install-heading{margin-bottom:19px}.install-heading h2{font-size:29px;margin-top:2px}.install-heading:after{content:"一次提交，自动完成数据库初始化";display:block;position:absolute;right:53px;margin-top:43px;color:#a5aea8;font-size:10px}.requirements{padding:0 16px 10px;border-radius:11px;margin-bottom:24px;background:#fbfcfa}.requirements-head{display:flex;justify-content:space-between;align-items:center;padding:14px 0 11px;border-bottom:1px solid #e9eeea;margin-bottom:2px}.requirements-head strong{font-size:12px;display:block}.requirements-head small{font-size:10px;color:#9ca69f;display:block;margin-top:3px}.requirements-head>span{font:10px "DM Mono",monospace;color:#a2aaa5}.requirement{padding:7px 0;font-size:10px}.requirement>span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c2cac4;margin:0 8px 1px 1px}.requirement b{font-size:9px}.requirement b.ok:before{content:"✓";font-size:9px;margin-right:4px}.requirement b.bad:before{content:"!";font-size:9px;margin-right:4px}.install-form fieldset{border:1px solid #e5ebe6;border-radius:11px;padding:17px 17px 15px;margin-bottom:16px;background:#fff}.install-form legend{display:flex;align-items:center;gap:9px;font-size:12px;margin:0 0 14px;padding:0 5px}.install-form legend span{width:23px;height:23px;border-radius:6px;background:#edf7f1;color:#4c9a7b;display:grid;place-items:center;font:10px "DM Mono",monospace}.install-form legend small{font-size:10px;color:#9ba59f;font-weight:400;margin-left:3px}.install-form label{font-size:10px}.install-form input{height:38px;margin-top:6px;border-radius:7px;padding:0 11px}.install-submit{display:flex;justify-content:space-between;align-items:center;padding:4px 0 0}.install-submit strong{font-size:11px;display:block}.install-submit small{display:block;color:#a2aba5;font-size:10px;margin-top:3px}.install-submit .button{height:40px;min-width:145px}.install-success{padding:150px 10px}.install-success h2{font-size:31px}@media (max-width:820px){.installer{width:calc(100% - 24px);border-radius:15px}.install-panel{padding:29px 22px}.install-heading:after{display:none}.install-submit{align-items:stretch;gap:15px;flex-direction:column}.install-submit .button{width:100%}.install-aside{padding:28px 24px;min-height:315px}.install-copy{margin:48px 0 28px}.install-copy h1{font-size:31px}.requirements{margin-bottom:19px}}