:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#181916;background:#efefeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #181916;--muted: #6f746e;--soft: #f3f2ee;--line: rgba(76, 78, 72, .12);--orange: #ff6a13;--orange-2: #ff8a2c;--green: #1f9d68;--blue: #3975d8;--violet: #7d55d8;--panel: rgba(255, 255, 255, .58);--panel-strong: rgba(255, 255, 255, .78);--shadow: 0 24px 80px rgba(30, 31, 28, .13)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;min-width:320px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin-top:0}.app-shell{position:relative;width:100%;height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(255,106,19,.13),transparent 28%),radial-gradient(circle at 78% 10%,rgba(57,117,216,.1),transparent 22%),linear-gradient(135deg,#f8f7f4,#ededeb 48%,#f7eee8)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.26),transparent 62%);mask-image:linear-gradient(135deg,rgba(0,0,0,.26),transparent 62%)}.glass-surface,.panel-section,.inspector-card{border:1px solid rgba(255,255,255,.74);background:linear-gradient(145deg,#ffffffc7,#ffffff70),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(28px) saturate(1.16);backdrop-filter:blur(28px) saturate(1.16)}.auth-screen{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(360px,460px);gap:28px;width:min(1120px,calc(100% - 48px));height:100%;margin:0 auto;align-items:center}.auth-brand,.auth-card{border-radius:30px}.auth-brand{position:relative;min-height:680px;padding:38px;overflow:hidden}.auth-card{padding:28px}.brand-row,.brand-compact,.balance-top,.topbar-actions,.task-actions,.section-head,.rail-balance,.soft-button,.ghost-button,.primary-button{display:flex;align-items:center}.brand-row{gap:12px;color:#353632;font-weight:900}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 18px 44px #ff6a1345}.brand-mark.small{width:42px;height:42px;border-radius:15px}.auth-brand h1{max-width:680px;margin:44px 0 18px;font-size:60px;line-height:1.02;letter-spacing:0}.auth-brand p{max-width:540px;color:var(--muted);font-size:18px;line-height:1.7}.auth-preview{position:absolute;right:36px;bottom:-18px;width:min(350px,48%);min-width:280px}.preview-device{padding:18px;border:1px solid rgba(255,255,255,.78);border-radius:42px;background:#f7f7f3b8;box-shadow:0 34px 90px #21221f2e;transform:rotate(-3deg)}.device-notch{width:88px;height:7px;margin:4px auto 16px;border-radius:999px;background:#1b1c192e}.preview-media{height:180px;overflow:hidden;border-radius:28px}.preview-media img,.skill-card img,.material-card img{width:100%;height:100%;object-fit:cover}.preview-stack{display:grid;gap:5px;margin-top:12px;padding:16px;border-radius:22px;background:#ffffffad;box-shadow:inset 0 1px #ffffffdb}.preview-stack.active{border:1px solid rgba(255,106,19,.24)}.preview-stack span,small{color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:28px;padding:7px;border-radius:18px;background:#ebebe6bd}.auth-tabs button,.auth-tabs a,.rail-nav button,.rail-nav a,.skill-card,.material-card,.bubble,.variant-list button,.text-button{border:0;background:transparent}.auth-tabs button,.auth-tabs a{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border-radius:14px;color:var(--muted);font-weight:850;text-decoration:none}.auth-tabs button.active,.auth-tabs a.active{color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 12px 30px #ff6a1338}.eyebrow{margin:0 0 7px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:0}.form-head h2,.section-head h2{margin:0}label{display:grid;gap:7px;margin-bottom:13px;color:#555852;font-size:13px;font-weight:800}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:15px;padding:0 13px;color:var(--ink);background:#ffffffb8;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:96px;padding:12px 13px;resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#ff6a137a;background:#ffffffeb;box-shadow:0 0 0 5px #ff6a131c}.primary-button,.soft-button,.ghost-button{justify-content:center;gap:8px;min-height:46px;border-radius:999px;font-weight:900;text-decoration:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.primary-button{width:100%;border:0;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 16px 42px #ff6a1342}.soft-button,.ghost-button{border:1px solid rgba(255,255,255,.76);color:#2d2e2a;background:#ffffffa3;box-shadow:inset 0 1px #ffffffd6;padding:0 15px}.soft-button.strong{color:#fff;border:0;background:linear-gradient(135deg,#2f312d,#676b63)}.primary-button:hover,.soft-button:hover,.ghost-button:hover,.skill-card:hover,.material-card:hover,.bubble:hover,.variant-list button:hover{transform:translateY(-1px);filter:saturate(1.03)}.error-text{color:#bc3f18;font-size:13px;line-height:1.55}.studio-shell{position:relative;z-index:1;display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:16px;width:min(1460px,calc(100% - 28px));height:calc(100vh - 28px);margin:14px auto}.side-rail,.workbench,.inspector{min-height:0;border-radius:28px}.side-rail{display:grid;grid-template-rows:auto 1fr auto auto auto;gap:16px;padding:18px}.brand-compact{gap:11px}.brand-compact div{display:grid;gap:2px}.rail-nav{display:grid;align-content:start;gap:8px}.rail-nav button,.rail-nav a{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:15px;padding:0 12px;color:var(--muted);text-align:left;font-weight:850;text-decoration:none}.rail-nav button.active,.rail-nav a.active{color:#fff;background:linear-gradient(135deg,#2c2e2a,#666a62);box-shadow:0 12px 34px #21221f2b}.profile-meter{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;padding:12px;border-radius:20px;background:#ffffff8a}.meter-ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.94) 0 58%,transparent 59%),conic-gradient(var(--orange) calc(var(--complete) * 1%),rgba(130,132,126,.2) 0)}.meter-ring strong{font-size:17px;line-height:1}.meter-ring span{color:var(--muted);font-size:11px}.profile-meter div:last-child,.rail-balance div{display:grid;gap:3px;min-width:0}.profile-meter strong,.rail-balance strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-balance{gap:10px;padding:12px;border:1px solid rgba(255,106,19,.18);border-radius:20px;color:var(--orange);background:#fff6f1c7}.mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2))}.logout{width:100%}.workbench{display:grid;grid-template-rows:auto minmax(0,1fr);padding:18px;overflow:hidden}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:4px 4px 16px}.topbar h1{margin:0 0 6px;font-size:34px;line-height:1.08;letter-spacing:0}.topbar span,.panel-section p,.balance-card p{color:var(--muted);line-height:1.55}.topbar-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.view-scroll{min-height:0;overflow:auto;padding:2px 4px 4px;scrollbar-width:thin}.create-view,.profile-view,.materials-view,.works-view,.admin-view{display:grid;gap:14px}.skill-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.skill-card{position:relative;min-height:230px;overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:24px;padding:0;color:#fff;text-align:left;box-shadow:0 18px 54px #1b1c191f}.skill-card img{position:absolute;top:0;right:0;bottom:0;left:0;filter:saturate(.92)}.skill-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#00000094)}.skill-card.active{outline:2px solid rgba(255,106,19,.78);outline-offset:2px}.skill-card>span,.skill-card>div,.skill-card>b{position:relative;z-index:1}.skill-badge{display:inline-flex;margin:14px;padding:7px 10px;border-radius:999px;color:#fff;background:#ff6a13db;font-size:12px;font-weight:900}.skill-card>div{position:absolute;left:14px;right:14px;bottom:44px;display:grid;gap:6px}.skill-card strong{font-size:20px}.skill-card small{color:#ffffffd1;line-height:1.45}.skill-card>b{position:absolute;left:14px;bottom:14px;color:#fff}.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.52fr);gap:14px}.panel-section{border-radius:24px;padding:18px}.section-head{justify-content:space-between;gap:12px;margin-bottom:16px}.section-head.compact h2{font-size:20px}.channel-pill,.reward-pill,.cost-chip,.status-pill,.mini-shots span,.rule-grid span{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:900}.channel-pill,.reward-pill,.cost-chip{padding:8px 11px;color:var(--orange);background:#fff4eedb;border:1px solid rgba(255,106,19,.18)}.reward-pill.complete{color:var(--green);border-color:#1f9d6833;background:#edfaf4db}.rewrite-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.text-button{min-height:36px;padding:0 12px;border-radius:999px;color:#3e403b;background:#ffffffad;font-weight:850}.variant-list{display:grid;gap:8px}.variant-list button{display:grid;gap:4px;padding:12px;border-radius:16px;color:var(--ink);background:#ffffff94;text-align:left}.variant-list span{color:var(--muted);line-height:1.45}.shot-stack{display:grid;gap:10px}.shot-card{display:grid;gap:5px;padding:13px;border-radius:18px;background:#ffffff94}.shot-card span{color:var(--orange);font-size:12px;font-weight:900}.shot-card small{line-height:1.45}.profile-view{grid-template-columns:340px minmax(0,1fr)}.bubble-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bubble{display:grid;gap:6px;min-height:92px;padding:14px;border:1px solid rgba(255,255,255,.76);border-radius:999px 999px 24px;color:#474943;background:#ffffff94;text-align:left;transform-origin:center}.bubble.filled{border-color:#ff6a132e;background:#fff6f1cc}.bubble.pop{animation:bubble-pop .52s cubic-bezier(.2,1.4,.32,1)}.bubble span{color:var(--orange);font-size:12px;font-weight:900}.bubble strong{display:-webkit-box;overflow:hidden;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}@keyframes bubble-pop{0%{transform:scale(1);filter:saturate(1)}42%{transform:scale(.9);filter:saturate(1.5)}72%{transform:scale(1.08)}to{transform:scale(1)}}.form-grid,.grant-controls,.mini-grid{display:grid;gap:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1 / -1}.materials-view{grid-template-columns:320px minmax(0,1fr)}.upload-drop{display:grid;place-items:center;min-height:170px;border:1px dashed rgba(255,106,19,.36);border-radius:22px;color:var(--orange);background:#fff7f2a8;text-align:center}.upload-drop input{display:none}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.material-card{display:grid;gap:8px;min-height:210px;padding:10px;border:1px solid rgba(255,255,255,.74);border-radius:22px;color:var(--ink);background:#ffffff8f;text-align:left}.material-card.selected{outline:2px solid rgba(255,106,19,.58)}.material-card img,.media-placeholder{height:130px;border-radius:18px;overflow:hidden}.media-placeholder{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#555852,#9a9e95)}.material-card span{color:var(--muted);font-size:12px}.works-view{align-content:start}.work-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.64fr);gap:14px;padding:16px;border-radius:24px;background:#ffffff8a}.work-main p{color:var(--muted);line-height:1.65}.status-pill{padding:7px 10px;color:#fff;background:#72766f}.status-pill.completed{background:var(--green)}.status-pill.generating,.status-pill.queued{background:var(--orange)}.status-pill.failed{background:#bd3f18}.prompt-card{min-height:120px;padding:13px;border-radius:18px;color:#3e403b;background:#f4f4efd9;line-height:1.55}.mini-shots{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.mini-shots span{padding:7px 9px;color:var(--orange);background:#fff4eecc}.work-side small{display:block;margin-top:8px;line-height:1.45}.admin-view{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-wide{grid-column:1 / -1}.system-note,.rule-grid,.audit-list,.account-list{display:grid;gap:9px}.system-note{margin:12px 0;padding:12px;border-radius:18px;color:var(--muted);background:#f4f4efb3;font-size:13px;line-height:1.5}.toggle-row{display:flex;align-items:center;gap:9px}.toggle-row input{width:19px;min-height:19px}.grant-controls{grid-template-columns:.4fr 1fr}.account-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#ffffff94}.account-row span,.audit-list span{color:var(--muted);font-size:12px}.account-metrics{display:grid;gap:3px;text-align:right}.account-metrics b:first-child{color:var(--orange)}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.rule-grid span{padding:10px 12px;color:#3a3c37;background:#ffffff8f;line-height:1.45}.audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.audit-list article{display:grid;gap:4px;padding:11px 12px;border-radius:16px;background:#ffffff8f}.inspector{display:grid;align-content:start;gap:12px;padding:14px;overflow:auto}.inspector-card{border-radius:24px;padding:15px}.balance-top{gap:10px;margin-bottom:12px}.balance-top div{display:grid;gap:2px}.balance-top strong{font-size:22px}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.balance-grid span{display:grid;gap:4px;padding:10px;border-radius:16px;color:var(--muted);background:#ffffff94;font-size:12px}.balance-grid b{color:var(--ink);font-size:16px}.model-controls{display:grid;gap:10px}.model-controls label,.mini-grid label{margin-bottom:0}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-chips{display:flex;flex-wrap:wrap;gap:8px}.material-chips button{min-height:34px;border:1px solid rgba(255,255,255,.74);border-radius:999px;padding:0 10px;color:var(--muted);background:#ffffff94;font-weight:800}.material-chips button.active{color:var(--orange);border-color:#ff6a133d;background:#fff4eed1}.recharge-pack{display:grid;gap:4px;margin-top:8px;padding:12px;border-radius:18px;background:#ffffff94}.recharge-pack.active{color:var(--orange);background:#fff4eedb}.recharge-pack span{color:var(--muted);font-size:12px}.empty-state{display:grid;place-items:center;gap:8px;min-height:180px;border-radius:24px;color:var(--muted);background:#ffffff7a;font-weight:850}.empty-state.large{min-height:300px}.toast{position:fixed;left:50%;bottom:22px;z-index:50;max-width:min(520px,calc(100% - 28px));padding:12px 18px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:var(--ink);background:#ffffffc7;box-shadow:0 18px 60px #17181529;-webkit-backdrop-filter:blur(24px) saturate(1.18);backdrop-filter:blur(24px) saturate(1.18);transform:translate(-50%)}.toast.error{color:#bd3f18}.link-reset{color:inherit;text-decoration:none}.route-loading{position:relative;z-index:1;display:grid;place-items:center;gap:12px;width:100%;height:100vh;color:var(--ink)}.routed-shell{grid-template-columns:240px minmax(0,1fr) 300px}.routed-workbench{padding:0}.route-topbar{position:sticky;top:0;z-index:12;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.58);background:linear-gradient(180deg,#ffffffb8,#ffffff6b);-webkit-backdrop-filter:blur(24px) saturate(1.16);backdrop-filter:blur(24px) saturate(1.16)}.route-view-scroll{padding:16px 18px 18px}.skill-index-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.route-skill-card{display:block;text-decoration:none}.skill-detail-page{display:grid;gap:14px}.module-hero{display:grid;grid-template-columns:260px minmax(0,1fr) 160px;align-items:center;gap:18px}.module-media{height:170px;overflow:hidden;border-radius:22px}.module-media img{width:100%;height:100%;object-fit:cover}.module-copy h2{margin-bottom:8px;font-size:28px}.module-copy p{color:var(--muted);line-height:1.6}.module-bullets{display:flex;flex-wrap:wrap;gap:8px}.module-bullets span{padding:8px 10px;border-radius:999px;color:var(--orange);background:#fff4eedb;font-size:12px;font-weight:900}.module-price{display:grid;justify-items:end;gap:6px}.module-price strong{color:var(--orange);font-size:26px}.route-composer-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.48fr)}.module-settings{display:grid;gap:12px}.compact-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-action-bar{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:minmax(180px,.36fr) minmax(260px,.64fr);gap:12px;padding:12px;border:1px solid rgba(255,255,255,.68);border-radius:24px;background:#ffffff9e;-webkit-backdrop-filter:blur(22px) saturate(1.16);backdrop-filter:blur(22px) saturate(1.16)}.inline-primary{min-width:240px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#1c1d1a57;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.confirm-dialog{position:relative;width:min(460px,calc(100vw - 32px));border-radius:28px;padding:24px;background:linear-gradient(145deg,#ffffffeb,#fffaf6c7),#ffffffd1;border-color:#ffffffe0;box-shadow:0 34px 100px #12131147,inset 0 1px #ffffffeb;animation:dialog-in .22s ease-out}.confirm-dialog h2{margin-bottom:16px}.icon-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:var(--muted);background:#ffffffa3}.confirm-lines{display:grid;gap:10px;margin-bottom:18px}.confirm-lines span{display:grid;gap:5px;padding:12px;border-radius:16px;color:var(--muted);background:#ffffff94;line-height:1.45}.confirm-lines b{color:var(--ink)}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1180px){.studio-shell{grid-template-columns:92px minmax(0,1fr) 286px}.side-rail{padding:12px}.brand-compact div,.rail-nav span,.profile-meter div:last-child,.rail-balance div,.logout{display:none}.profile-meter{grid-template-columns:1fr;place-items:center;padding:10px}.rail-balance{justify-content:center}.rail-nav button,.rail-nav a{justify-content:center;padding:0}.skill-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-grid,.profile-view,.materials-view,.admin-view,.module-hero,.route-composer-grid,.compact-form-grid{grid-template-columns:1fr}.admin-wide{grid-column:auto}}@media(max-width:860px){body{overflow:auto}.app-shell{min-height:100vh;height:auto;overflow:visible}.auth-screen{grid-template-columns:1fr;width:min(100% - 24px,560px);height:auto;min-height:100vh;padding:18px 0}.auth-brand{min-height:auto}.auth-brand h1{font-size:38px}.auth-preview{position:relative;right:auto;bottom:auto;width:100%;margin-top:24px}.preview-device{transform:none}.studio-shell{grid-template-columns:1fr;width:min(100% - 18px,720px);height:auto;margin:9px auto 22px}.side-rail{position:sticky;top:8px;z-index:20;grid-template-rows:auto auto}.brand-compact div,.rail-nav span,.logout{display:grid}.profile-meter,.rail-balance{display:none}.rail-nav{grid-template-columns:repeat(5,1fr)}.rail-nav button,.rail-nav a{display:grid;justify-items:center;gap:4px;min-height:54px;font-size:12px}.workbench{min-height:680px}.view-scroll,.inspector{overflow:visible}.topbar,.work-card,.audit-grid,.rule-grid{grid-template-columns:1fr}.topbar{display:grid}.topbar h1{font-size:28px}.material-grid,.skill-strip,.skill-index-page,.form-grid,.module-action-bar,.bubble-grid,.grant-controls,.account-row{grid-template-columns:1fr}.account-metrics{text-align:left}}