:root{--bg:#030b14;--surface:#07111c;--surface-2:#0b1724;--line:#1a2a39;--text:#f4f6fa;--muted:#8494a6;--violet:#b64cff;--purple:#6f2cff;--cyan:#08d6f4;--green:#21dc78;--orange:#ff9d16;--red:#ff425b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:radial-gradient(circle at 55% 0%, #6f2cff14, transparent 30rem), var(--bg);min-height:100vh}.global-header{border-bottom:1px solid var(--line);background:#030b14f5;align-items:center;gap:32px;height:62px;padding:0 28px;display:flex}.brand{color:var(--text);letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;font-weight:750;display:flex}.brand-mark{background:linear-gradient(135deg, var(--violet), var(--purple));color:#fff;letter-spacing:0;border-radius:7px;place-items:center;width:24px;height:24px;font-weight:850;display:grid}.header-context{color:#adbac8;align-items:center;gap:8px;font-size:12px;display:flex}.context-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-button{color:#9aa9b8;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:var(--surface-2);border-color:var(--line);color:var(--text)}.quota-chip,.user-chip{color:#aebccc;align-items:center;gap:7px;font-size:11px;display:flex}.quota-chip{color:#d2b2ff;background:#b64cff14;border:1px solid #b64cff2e;border-radius:6px;padding:7px 10px}.user-chip{border-left:1px solid var(--line);padding-left:10px}.avatar{color:#e4d7ff;background:linear-gradient(145deg,#5532a5,#1c6d88);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:700;display:grid}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.sub-header{background:#07111cb3;border-bottom:1px solid #1a2a39b3;justify-content:space-between;align-items:center;height:48px;padding:0 28px;display:flex}.sub-tabs{align-items:center;gap:22px;height:100%;display:flex}.sub-tabs button{color:#7f90a2;background:0 0;border:0;height:100%;font-size:12px;position:relative}.sub-tabs button.active{color:var(--text)}.sub-tabs button.active:after{content:"";background:var(--violet);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #b64cffa6}.tab-separator,.current-tab{color:#526477;font-size:12px}.current-tab{color:#b5c1ce}.sub-actions{align-items:center;gap:16px;display:flex}.save-state{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.ghost-button,.text-button{color:#98a9b9;background:0 0;border:0;font-size:11px}.ghost-button:hover,.text-button:hover{color:var(--text)}.inline-error,.inline-notice{border-radius:8px;align-items:center;gap:8px;max-width:1440px;margin:14px auto 0;padding:10px 14px;font-size:12px;display:flex}.inline-error{color:#ff91a1;background:#ff425b1a;border:1px solid #ff425b40}.inline-notice{color:#75e8a9;background:#21dc7817;border:1px solid #21dc7838}.inline-error span,.inline-notice span{flex:1}.banner-close{color:currentColor;opacity:.72;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.banner-close:hover{opacity:1;background:#ffffff14}.content{max-width:1440px;margin:0 auto;padding:54px 48px 80px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.eyebrow{color:#8292a4;letter-spacing:.16em;font-size:10px;font-weight:700}h1,h2,h3,p{margin:0}.page-heading h1{letter-spacing:-.04em;margin-top:10px;font-size:32px}.page-heading p{color:var(--muted);margin-top:10px;font-size:13px}.primary-button,.secondary-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:650;display:inline-flex}.primary-button{background:linear-gradient(135deg,#8b38e4,#5f29cf);border:1px solid #b64cff73;box-shadow:0 8px 18px #6025ba2e}.primary-button:hover{filter:brightness(1.13)}.primary-button.compact{padding:8px 12px;font-size:11px}.secondary-button{border:1px solid var(--line);background:var(--surface-2);color:#bac7d2}.secondary-button:hover{color:var(--text);border-color:#36506a}.full{width:100%}.create-project-card{background:linear-gradient(115deg,#6f2cff1f,#07111ce0);border:1px solid #b64cff59;border-radius:12px;align-items:center;gap:18px;margin-bottom:25px;padding:18px;display:flex}.create-project-card h3{margin-top:7px;font-size:14px}.create-project-card input{background:var(--bg);border:1px solid var(--line);min-width:160px;color:var(--text);border-radius:7px;outline:none;flex:1;padding:10px 12px;font-size:12px}.create-project-card input:focus{border-color:var(--violet)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:0;transition:transform .18s,border-color .18s;overflow:hidden}.project-card:hover{border-color:#38516a;transform:translateY(-3px)}.project-thumb{color:#687d91;background:radial-gradient(circle at 50% 40%,#b64cff38,#0000 38%),#0a1521;place-items:center;height:180px;display:grid;position:relative}.project-thumb span{letter-spacing:.15em;color:#72869a;font-size:9px;position:absolute;bottom:12px;left:14px}.project-meta{justify-content:space-between;gap:12px;padding:16px 16px 13px;display:flex}.project-meta h3{font-size:14px;font-weight:600}.project-meta p{color:var(--cyan);margin-top:7px;font-size:11px}.project-date{color:#687c8f;font-size:10px}.project-footer{color:#708396;border-top:1px solid #1a2a39b3;justify-content:space-between;align-items:center;padding:11px 16px 14px;font-size:10px;display:flex}.project-footer span{align-items:center;gap:5px;display:flex}.empty-state{color:#7f92a5;background:#07111c61;border:1px dashed #263c51;border-radius:12px;align-content:center;place-items:center;gap:12px;min-height:350px;display:grid}.empty-icon{color:#b28be2;background:#b64cff1a;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.empty-state h3{color:#d8e0e7;font-size:15px}.empty-state p{font-size:12px}.studio-shell{grid-template-columns:70px minmax(0,1fr) 315px;height:calc(100vh - 110px);min-height:650px;display:grid}.tool-rail{border-right:1px solid var(--line);background:#050d16;flex-direction:column;align-items:center;gap:5px;padding:14px 7px;display:flex}.tool-button{color:#718397;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:55px;height:53px;font-size:9px;display:flex}.tool-button:hover{color:#cad5de;background:var(--surface)}.tool-button.selected{color:#e4cfff;background:#b64cff1a;border-color:#b64cff38}.rail-spacer{flex:1}.canvas-stage{background:#08111a;flex-direction:column;min-width:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.toolbar-group{align-items:center;gap:10px;display:flex}.toolbar-label{color:#dce3ea;font-size:12px;font-weight:600}.toolbar-separator{background:var(--line);width:1px;height:18px}.toolbar-control{color:#9bacbd;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:flex}.case-canvas{background:#071019;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-grid{opacity:.3;background-image:linear-gradient(#2c4b653d 1px,#0000 1px),linear-gradient(90deg,#2c4b653d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 73%);mask-image:radial-gradient(circle,#000,#0000 73%)}.case-preview{background:linear-gradient(145deg,#263544,#111b25 50%,#354657);border:1px solid #495a69;border-radius:40px;width:280px;height:538px;position:relative;overflow:hidden;transform:rotate(-6deg);box-shadow:0 30px 60px #0000008c,inset 0 0 0 6px #ffffff0a}.case-camera{z-index:3;background:#0b1219;border-radius:17px;width:67px;height:85px;position:absolute;top:20px;left:20px;box-shadow:inset 0 0 0 5px #ffffff0a}.case-camera:before,.case-camera:after{content:"";background:#1c2c3a;border:3px solid #425466;border-radius:50%;width:19px;height:19px;margin:11px 0 0 12px;display:block}.case-camera:after{margin:8px 0 0 34px}.case-art{color:#ecddffd1;letter-spacing:.1em;background:radial-gradient(circle at 65% 40%,#ae4eee6b,#0000 30%),radial-gradient(circle at 25% 75%,#0bd6f433,#0000 34%),linear-gradient(130deg,#4c2b8bcc,#0d2c3fbd);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.case-art:after{content:"";border:1px solid #fff3;border-radius:50%;width:170px;height:260px;position:absolute;transform:rotate(32deg)}.case-shine{opacity:.34;background:linear-gradient(120deg,#0000 22%,#ffffff2b 49%,#0000 53%);position:absolute;inset:0}.canvas-note{color:#617688;font-size:10px;position:absolute;bottom:18px}.prompt-bar{border-top:1px solid var(--line);background:#06101a;align-items:center;gap:10px;min-height:62px;padding:10px 18px;display:flex}.prompt-icon{color:#d1a8ff;background:#b64cff21;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.prompt-bar input{color:#b7c6d3;background:0 0;border:0;outline:0;flex:1;font-size:12px}.prompt-bar input::placeholder{color:#65798c}.prompt-send{color:#e7d6ff;background:#b64cff21;border:1px solid #b64cff47;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.context-panel{border-left:1px solid var(--line);background:#06101a;padding:22px 18px;overflow:auto}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.panel-heading h2{margin-top:7px;font-size:15px}.panel-section{border-top:1px solid #1a2a39d9;padding:18px 0}.section-title{color:#c9d3dc;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.dropzone{color:#8ba1b4;cursor:pointer;background:#07111cb3;border:1px dashed #2a455d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:88px;display:flex}.dropzone:hover{color:#c8a8ef;border-color:#7250a9}.dropzone input{display:none}.dropzone span{font-size:11px}.dropzone small{color:#637a8e;font-size:9px}.asset-row,.layer-row{color:#b9c8d4;border:1px solid var(--line);border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.asset-row{background:#091722}.asset-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.asset-icon{color:var(--cyan)}.success-icon{color:var(--green)}.select-field{color:#a9bac8;border:1px solid var(--line);background:var(--surface-2);border-radius:7px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:11px;display:flex}.select-field:focus{border-color:var(--violet)}.sub-select{color:#8195a7;margin-top:7px}.action-stack{flex-direction:column;gap:8px;display:flex}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scene-card{border:1px solid var(--line);background:#091722;border-radius:7px;overflow:hidden}.scene-card img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.scene-card span{text-overflow:ellipsis;white-space:nowrap;color:#9aabba;padding:7px;font-size:10px;display:block;overflow:hidden}.layer-section{padding-bottom:14px}.muted{color:#65788a;font-size:10px}.layer-dot{background:var(--violet);border-radius:2px;width:8px;height:8px}.layer-row span:nth-child(2){flex:1}.panel-hint{color:#8298aa;background:#08d6f40a;border:1px solid #08d6f424;border-radius:8px;gap:8px;padding:12px;font-size:10px;line-height:1.55;display:flex}.panel-hint svg{color:var(--cyan);flex:none}.auth-layout{background:var(--bg);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.auth-intro{border-right:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#6f2cff2b,#0000 29rem),linear-gradient(145deg,#071321,#030b14 70%);flex-direction:column;justify-content:space-between;padding:44px 58px 40px;display:flex}.auth-brand{align-self:flex-start}.intro-copy{align-self:center;max-width:520px;transform:translateY(-20px)}.intro-copy h1{letter-spacing:-.065em;margin-top:16px;font-size:clamp(38px,5vw,68px);line-height:1.04}.intro-copy p{color:#8fa0b1;max-width:390px;margin-top:20px;font-size:15px;line-height:1.7}.intro-footer{color:#6e8295;align-items:center;gap:8px;font-size:11px;display:flex}.status-light{background:var(--green);width:6px;height:6px;box-shadow:0 0 7px var(--green);border-radius:50%}.auth-card-wrap{place-items:center;padding:40px;display:grid}.auth-card{border:1px solid var(--line);background:#07111cd1;border-radius:13px;width:min(390px,100%);padding:34px;box-shadow:0 20px 70px #0003}.auth-card-heading{margin-bottom:30px}.auth-card-heading h2{letter-spacing:-.04em;margin-top:10px;font-size:24px}.auth-card-heading p{color:#7f91a3;margin-top:9px;font-size:12px;line-height:1.55}.auth-card label{color:#9bacbc;margin-bottom:18px;font-size:11px;display:block}.auth-card input{width:100%;color:var(--text);border:1px solid var(--line);background:#04101a;border-radius:7px;outline:0;margin-top:8px;padding:12px;font-size:12px}.auth-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #b64cff1a}.form-error{color:#ff91a1;align-items:center;gap:6px;margin-bottom:13px;font-size:11px;display:flex}.auth-switch{color:#9b70d5;background:0 0;border:0;width:100%;margin-top:17px;font-size:11px}.auth-switch:hover{color:#d2a9ff}.admin-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.admin-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:18px;display:flex}.admin-tabs button{color:#8294a6;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:11px}.admin-tabs button.active{color:#e0c8ff;border-bottom-color:var(--violet)}.catalog-layout{grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);gap:18px;display:grid}.catalog-form{gap:14px;padding:22px;display:grid}.catalog-form label{color:#9cadbd;gap:7px;font-size:11px;display:grid}.catalog-form input{width:100%;color:var(--text);border:1px solid var(--line);background:#04101a;border-radius:7px;outline:none;padding:10px;font-size:11px}.catalog-form input:focus{border-color:var(--violet)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.catalog-list{padding:0 22px}.catalog-row{border-bottom:1px solid #1a2a39b3;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.catalog-row strong,.catalog-row small{display:block}.catalog-row strong{color:#d7e1e9;font-size:12px}.catalog-row small{color:#73879a;margin-top:6px;font-size:10px}.provider-box{background:#08d6f409;border:1px solid #08d6f42b;border-radius:9px;grid-template-columns:1fr 180px auto;align-items:center;gap:14px;margin:20px 22px 22px;padding:15px;display:grid}.provider-box h3{margin-top:6px;font-size:12px}.task-list{padding:0 22px}.task-row{border-bottom:1px solid #1a2a39b3;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:15px 0;display:grid}.task-row strong,.task-row small{display:block}.task-row strong{color:#d5e0e8;font-size:12px}.task-row small{text-overflow:ellipsis;white-space:nowrap;color:#73889a;max-width:600px;margin-top:5px;font-size:10px;overflow:hidden}.status-success{color:var(--green);font-size:11px}.status-pending{color:var(--orange);font-size:11px}.admin-card-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.admin-card-title h2{font-size:15px}.admin-card-title p{color:#74879a;margin-top:6px;font-size:11px}.count-pill,.role-tag{color:#8fa6b8;background:#10202f;border-radius:5px;padding:4px 8px;font-size:10px}.user-table-head,.user-table-row{grid-template-columns:2fr .8fr 1fr 1.2fr 1fr;align-items:center;gap:14px;padding:14px 22px;display:grid}.user-table-head{color:#687c8f;border-bottom:1px solid #1a2a39cc;font-size:10px}.user-table-row{color:#b9c7d3;border-bottom:1px solid #1a2a398c;min-height:64px;font-size:11px}.user-table-row:last-child{border-bottom:0}.admin-user{align-items:center;gap:9px;min-width:0;display:flex}.admin-user span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-tag{color:#bda1eb;background:#b64cff1a}.usage-text{color:#7edda6}.quota-edit{gap:6px;display:flex}.quota-edit input{color:#dbe5ec;border:1px solid var(--line);background:#04101a;border-radius:5px;outline:none;width:90px;padding:7px 8px;font-size:11px}.quota-edit input:focus{border-color:var(--violet)}.save-icon{width:28px;color:var(--green);background:#21dc780f;border:1px solid #21dc7840;border-radius:5px;place-items:center;display:grid}.loading-row,.empty-admin{color:#788b9d;text-align:center;padding:50px 22px;font-size:12px}.phase1-shell{background:#06111b;grid-template-columns:76px minmax(0,1fr);height:calc(100vh - 110px);min-height:720px;display:grid}.phase1-rail{border-right:1px solid var(--line)}.phase1-main{min-width:0;overflow:auto}.phase1-toolbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06111bf0;position:sticky;top:0}.phase1-content{width:min(1120px,100%);margin:0 auto;padding:30px 42px 80px}.phase1-section{border:1px solid var(--line);background:#091722cc;border-radius:13px;margin-bottom:24px;padding:24px;scroll-margin-top:70px}.phase1-section-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px;display:flex}.phase1-section-heading h2{color:#e8f0f5;letter-spacing:-.035em;margin-top:8px;font-size:19px}.phase1-section-heading p{color:#7f93a5;margin-top:7px;font-size:11px;line-height:1.5}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.brief-grid label{color:#9cadbd;gap:7px;font-size:11px;display:grid}.brief-grid input,.canvas-size-row input{color:#dce6ed;border:1px solid var(--line);background:#04101a;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:11px}.brief-grid input:focus,.canvas-size-row input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #b64cff14}.canvas-size-row{color:#9cadbd;border-top:1px solid #1a2a39b3;align-items:center;gap:9px;margin-top:18px;padding-top:17px;font-size:11px;display:flex}.canvas-size-row label{color:#8094a5;align-items:center;gap:6px;display:flex}.canvas-size-row input{width:90px;padding:7px 8px}.quota-note{color:#8498a9;font-size:10px}.reference-empty,.direction-empty{color:#73889a;border:1px dashed #294254;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:110px;font-size:11px;display:flex}.reference-empty svg,.direction-empty svg{color:#8e5be4}.reference-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.reference-card{border:1px solid var(--line);background:#04101a;border-radius:8px;position:relative;overflow:hidden}.reference-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.reference-card span{color:#a9bac7;text-overflow:ellipsis;white-space:nowrap;padding:7px 8px;font-size:10px;display:block;overflow:hidden}.reference-card svg{color:#06111b;background:var(--green);border-radius:50%;width:18px;height:18px;padding:3px;position:absolute;top:7px;right:7px}.generate-section{background:linear-gradient(145deg,#28124152,#091722d1);border-color:#b64cff40}.phase1-prompt{margin:4px 0 14px}.generate-foot{color:#758b9d;justify-content:space-between;align-items:center;gap:14px;font-size:10px;display:flex}.direction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.direction-card{text-align:left;border:1px solid var(--line);color:inherit;cursor:pointer;background:#071722;border-radius:10px;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;overflow:hidden}.direction-card:hover{border-color:#7450aa;transform:translateY(-2px)}.direction-card.selected{border-color:var(--violet);box-shadow:0 0 0 2px #b64cff29}.direction-image{aspect-ratio:1/1.55;background:#101827;position:relative}.direction-image img{object-fit:cover;width:100%;height:100%;display:block}.direction-image>span:first-of-type{color:#e5dcff;background:#06111bbf;border-radius:4px;padding:4px 6px;font-size:9px;position:absolute;top:8px;left:8px}.selected-mark{color:#06111b;background:var(--green);border-radius:4px;align-items:center;gap:3px;padding:4px 6px;font-size:9px;display:flex;position:absolute;top:8px;right:8px}.direction-copy{padding:11px}.direction-copy strong{color:#e0eaf0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.direction-copy p{color:#8397a8;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin-top:7px;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.tag-row span{color:#bda4eb;background:#b64cff1a;border-radius:4px;padding:3px 5px;font-size:9px}.selected-section{border-color:#08d6f433;padding:18px}.selected-preview{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;display:grid}.selected-image{background:#101827;border:1px solid #294254;border-radius:9px;overflow:hidden}.selected-image img{aspect-ratio:1/1.7;object-fit:cover;width:100%;display:block}.selected-detail h2{color:#e6eef3;margin-top:9px;font-size:20px}.selected-detail>p{color:#8b9dac;margin:9px 0 16px;font-size:11px;line-height:1.6}.compact-prompt{margin:0 0 12px}.selected-actions{gap:9px;display:flex}@media (max-width:900px){.phase1-content{padding:24px 20px 60px}.direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:620px){.phase1-shell{grid-template-columns:62px minmax(0,1fr)}.phase1-content{padding:20px 13px 50px}.phase1-section{padding:17px}.phase1-section-heading{flex-direction:column;gap:12px}.brief-grid{grid-template-columns:1fr}.canvas-size-row{flex-wrap:wrap}.reference-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.direction-grid{grid-template-columns:1fr 1fr;gap:8px}.selected-preview{grid-template-columns:1fr}.selected-image{width:min(210px,100%)}.generate-foot{flex-direction:column;align-items:flex-start}}@media (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell{grid-template-columns:62px minmax(0,1fr)}.context-panel{display:none}.auth-layout{grid-template-columns:1fr}.auth-intro{border-right:0;border-bottom:1px solid var(--line);min-height:350px;padding:30px}.intro-copy{align-self:flex-start;transform:none}.intro-copy h1{font-size:42px}.auth-card-wrap{padding:32px 20px 54px}}@media (max-width:620px){.global-header{gap:16px;padding:0 16px}.header-context,.user-email{display:none}.sub-header{padding:0 16px}.content{padding:34px 18px 60px}.page-heading{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr}.create-project-card{flex-wrap:wrap}.create-project-card input{flex-basis:100%;order:3}.studio-shell{height:calc(100vh - 110px);min-height:580px}.tool-rail{width:62px;padding-inline:4px}.tool-button{width:50px}.canvas-toolbar{padding:0 11px}.toolbar-control,.toolbar-group .icon-button:first-child,.user-table-head{display:none}.user-table-row{grid-template-columns:1fr 1fr;gap:10px;padding:16px}.user-table-row>:nth-child(3){text-align:right}.user-table-row>:nth-child(4),.user-table-row>:nth-child(5){grid-column:span 2}}.lovart-workbench{background:#050d16;grid-template-columns:360px minmax(0,1fr);height:calc(100vh - 110px);min-height:720px;display:grid}.chat-sidebar{border-right:1px solid var(--line);background:linear-gradient(#07121e,#050d16);flex-direction:column;min-width:0;display:flex}.chat-sidebar-heading{justify-content:space-between;gap:14px;padding:22px 20px 13px;display:flex}.chat-sidebar-heading h1{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:7px;font-size:16px;overflow:hidden}.session-status{color:#8195a8;border-bottom:1px solid #1a2a39d9;align-items:center;gap:7px;padding:0 20px 16px;font-size:10px;display:flex}.session-count{color:#aa8ddd;margin-left:auto}.chat-scroll{flex:1;min-height:0;padding:13px 14px 10px;overflow:auto}.context-card{text-align:left;color:#d2dce4;border:1px solid var(--line);background:#0a1926bf;border-radius:9px;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;padding:10px;display:grid}.context-card:hover{background:#0b1a28;border-color:#405a70}.context-card strong{font-size:11px;display:block}.context-card p{color:#7e94a7;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.context-card>svg{color:#657e93;transition:transform .15s}.context-card-icon{color:#cfabff;background:#b64cff1f;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.rotate-90{transform:rotate(90deg)}.brief-drawer{background:#2311374d;border:1px solid #b64cff3d;border-radius:9px;margin:8px 0 16px;padding:13px}.brief-drawer-heading{color:#b9c6d1;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:10px;display:flex}.brief-fields{gap:9px;display:grid}.brief-fields label{color:#8fa2b3;gap:5px;font-size:10px;display:grid}.brief-fields input{color:#dbe5eb;background:#06111b;border:1px solid #203548;border-radius:6px;outline:0;width:100%;padding:7px 8px;font-size:10px}.brief-fields input:focus,.brief-size input:focus{border-color:var(--violet)}.brief-size{color:#8398a9;border-top:1px solid #1a2a39cc;align-items:center;gap:6px;margin-top:12px;padding-top:11px;font-size:10px;display:flex}.brief-size input{color:#dbe5eb;background:#06111b;border:1px solid #203548;border-radius:5px;outline:0;width:67px;padding:6px;font-size:10px}.context-section{border-top:1px solid #1a2a39d9;margin-top:14px;padding-top:14px}.context-section-heading{color:#b5c3cf;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;display:flex}.text-button{align-items:center;gap:4px;display:inline-flex}.reference-drop{color:#8297a9;background:#06111b8c;border:1px dashed #294254;border-radius:8px;flex-direction:column;align-items:center;gap:5px;width:100%;min-height:88px;font-size:10px;display:flex}.reference-drop:hover{color:#d4b8ff;border-color:#7650ae}.reference-drop svg{color:#bd88f5}.reference-drop small{color:#61788c;font-size:9px}.chat-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.chat-reference{border:1px solid var(--line);background:#06111b;border-radius:6px;min-width:0;position:relative;overflow:hidden}.chat-reference img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.chat-reference span{color:#8ea2b1;text-overflow:ellipsis;white-space:nowrap;padding:5px 6px;font-size:9px;display:block;overflow:hidden}.chat-reference svg{color:#07111a;background:var(--green);border-radius:50%;padding:2px;position:absolute;top:5px;right:5px}.chat-thread{gap:15px;padding:20px 2px 10px;display:grid}.chat-message{align-items:flex-start;gap:8px;display:flex}.chat-message.user{justify-content:flex-end}.message-avatar{color:#d5b4ff;background:#b64cff1f;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.message-body{color:#c9d5de;background:#0a1a28;border-radius:9px;max-width:285px;padding:10px 11px;font-size:11px;line-height:1.55}.chat-message.user .message-body{color:#e7dcf6;background:#6f2cff38}.thinking-dots{gap:4px;margin-top:8px;display:flex}.thinking-dots span{background:#a77bdf;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite chat-dot}.thinking-dots span:nth-child(2){animation-delay:.16s}.thinking-dots span:nth-child(3){animation-delay:.32s}@keyframes chat-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.message-assets{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.message-assets img{aspect-ratio:1/1.45;object-fit:cover;border-radius:5px;width:100%;display:block}.chat-composer-wrap{border-top:1px solid var(--line);background:#06101a;padding:10px 14px 14px}.selected-context{color:#bdcbd5;background:#b64cff14;border:1px solid #b64cff47;border-radius:7px;align-items:center;gap:7px;margin-bottom:8px;padding:6px 8px;font-size:10px;display:flex}.selected-context img{object-fit:cover;border-radius:3px;width:25px;height:34px}.selected-context span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quick-prompts{gap:5px;margin-bottom:8px;display:flex;overflow:auto}.quick-prompts button{color:#9eabb8;background:#091825;border:1px solid #22374a;border-radius:5px;flex:none;padding:5px 7px;font-size:9px}.quick-prompts button:hover{color:#e3cfff;border-color:#684b9d}.chat-composer{background:#071521;border:1px solid #2a3e51;border-radius:9px;overflow:hidden}.chat-composer:focus-within{border-color:#7650ae;box-shadow:0 0 0 3px #b64cff14}.chat-composer textarea{resize:vertical;color:#e2eaf0;background:0 0;border:0;outline:0;width:100%;min-height:69px;padding:11px 12px;font-size:11px;line-height:1.55;display:block}.chat-composer textarea::placeholder{color:#647b8e}.composer-footer{color:#62798c;border-top:1px solid #1a2a39cc;align-items:center;gap:7px;padding:7px 8px;font-size:9px;display:flex}.composer-footer>span{flex:1}.composer-send{color:#f0e7ff;background:linear-gradient(135deg,#883be1,#5e2bc2);border:1px solid #b64cff66;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.composer-note{color:#73889b;align-items:center;gap:5px;margin-top:8px;font-size:9px;display:flex}.composer-note svg{color:#b57cf1}.composer-note span{color:#a78bc7;margin-left:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.canvas-workspace{background:#08121c;flex-direction:column;min-width:0;display:flex}.lovart-canvas-toolbar{background:#07111ceb;flex:none}.canvas-tool{color:#8297aa;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.canvas-tool:hover,.canvas-tool.active{color:#e5d4ff;background:#b64cff1a;border-color:#b64cff47}.canvas-count,.zoom-label{color:#8195a7;font-size:10px}.canvas-count{border-left:1px solid var(--line);padding-left:8px}.canvas-viewport{background-color:#07111a;background-image:linear-gradient(#233e543b 1px,#0000 1px),linear-gradient(90deg,#233e543b 1px,#0000 1px);background-size:32px 32px;flex:1;min-width:0;position:relative;overflow:auto}.canvas-empty{color:#8195a7;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.canvas-empty-icon{color:#d0a8ff;background:#b64cff1a;border:1px solid #b64cff4d;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.canvas-empty h2{color:#d9e2e9;font-size:17px}.canvas-empty p{color:#778c9e;font-size:11px}.infinite-canvas{min-width:1140px;padding:1px;position:relative}.canvas-board{transform-origin:0 0;width:1140px;min-height:760px;transition:transform .18s;position:relative}.canvas-card{text-align:left;width:210px;color:inherit;background:#091925;border:1px solid #263d51;border-radius:10px;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;position:absolute;overflow:hidden;box-shadow:0 15px 30px #00000038}.canvas-card:hover{border-color:#7651a9;transform:translateY(-3px)}.canvas-card.selected{border-color:var(--violet);box-shadow:0 0 0 2px #b64cff2e,0 15px 32px #0000004d}.canvas-card-image{aspect-ratio:1/1.42;background:#111b27;position:relative}.canvas-card-image img{object-fit:cover;width:100%;height:100%;display:block}.canvas-badge,.canvas-selected{color:#e6dcff;background:#040c14c7;border-radius:4px;padding:4px 6px;font-size:8px;position:absolute;top:8px}.canvas-badge{left:8px}.canvas-selected{color:#06111b;background:var(--green);align-items:center;gap:3px;display:flex;right:8px}.canvas-card-meta{padding:10px 11px 11px}.canvas-card-meta strong{color:#e0e9ef;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.canvas-card-meta small{color:#8095a7;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:27px;margin-top:5px;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.canvas-card-meta div{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.canvas-card-meta span{color:#be9be8;background:#b64cff1a;border-radius:3px;padding:3px 5px;font-size:8px}.object-toolbar{z-index:4;background:#071521;border:1px solid #334c62;border-radius:7px;gap:3px;padding:4px;display:flex;position:absolute;box-shadow:0 7px 18px #00000052}.object-toolbar button,.object-toolbar a{color:#a9bac8;background:0 0;border:0;border-radius:4px;place-items:center;width:25px;height:25px;display:grid}.object-toolbar button:hover,.object-toolbar a:hover{color:#e2cfff;background:#b64cff24}.canvas-footer{color:#657b8d;border-top:1px solid var(--line);background:#06101a;justify-content:space-between;align-items:center;min-height:34px;padding:0 20px;font-size:9px;display:flex}.canvas-footer span{align-items:center;gap:5px;display:flex}@media (max-width:980px){.lovart-workbench{grid-template-columns:320px minmax(0,1fr)}.chat-sidebar-heading,.session-status{padding-inline:15px}.canvas-toolbar{padding-inline:13px}.canvas-toolbar .toolbar-control{display:none}}@media (max-width:720px){.lovart-workbench{grid-template-columns:1fr;height:auto;min-height:0}.chat-sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:650px;max-height:780px}.canvas-workspace{min-height:720px}.canvas-footer{padding-inline:12px}.canvas-footer span:first-child{display:none}}.header-context,.quota-chip,.user-chip,.sub-tabs button,.tab-separator,.current-tab{font-size:13px}.primary-button,.secondary-button{font-size:13px}.project-date,.project-footer{font-size:11px}.brief-drawer-heading,.brief-fields label,.brief-size,.brief-fields input,.brief-size input,.context-section-heading,.reference-drop{font-size:12px}.reference-drop small,.chat-reference span{font-size:10px}.message-body{font-size:13px}.quick-prompts button{font-size:11px}.chat-composer textarea{font-size:13px}.composer-footer,.composer-note{font-size:11px}.canvas-empty p,.auth-card label,.auth-card input,.auth-card-heading p{font-size:13px}.auth-switch,.admin-tabs button,.catalog-form label,.catalog-form input,.task-row strong,.user-table-row{font-size:12px}body{font-size:16px}.global-header{height:66px}.sub-header{height:52px}.header-context,.quota-chip,.user-chip,.sub-tabs button,.tab-separator,.current-tab{font-size:14px}.ghost-button,.text-button{font-size:13px}.page-heading h1{font-size:38px}.page-heading p{font-size:16px}.primary-button,.secondary-button{padding-block:12px;font-size:14px}.project-meta h3{font-size:17px}.project-meta p{font-size:13px}.project-date,.project-footer{font-size:12px}.chat-sidebar-heading h1{font-size:19px}.session-status{font-size:13px}.context-card{padding-block:12px}.context-card strong{font-size:14px}.context-card p{font-size:12px}.brief-drawer-heading,.brief-fields label,.brief-size{font-size:13px}.brief-fields input,.brief-size input{padding-block:8px;font-size:13px}.context-section-heading,.reference-drop{font-size:13px}.reference-drop small,.chat-reference span{font-size:11px}.message-body{font-size:14px;line-height:1.6}.quick-prompts button{padding-block:6px;font-size:12px}.chat-composer textarea{min-height:76px;font-size:14px}.composer-footer,.composer-note{font-size:12px}.toolbar-label,.toolbar-control{font-size:14px}.canvas-count,.zoom-label{font-size:13px}.canvas-card-meta strong{font-size:14px}.canvas-card-meta small{font-size:12px}.canvas-card-meta span{font-size:10px}.canvas-footer{font-size:12px}.canvas-empty h2{font-size:20px}.canvas-empty p,.auth-card label,.auth-card input,.auth-card-heading p{font-size:14px}.auth-switch,.admin-tabs button,.catalog-form label,.catalog-form input,.task-row strong,.user-table-row{font-size:13px}.workbench-app-shell{height:100dvh;overflow:hidden}.workbench-app-shell .lovart-workbench{height:calc(100dvh - 118px);min-height:0;overflow:hidden}.workbench-app-shell .chat-sidebar,.workbench-app-shell .canvas-workspace{min-height:0}@media (max-width:720px){.workbench-app-shell{height:auto;overflow:visible}.workbench-app-shell .lovart-workbench{height:auto;min-height:0;overflow:visible}}