:root{color-scheme:dark;--bg:#111216;--sidebar:#15161a;--surface:#1a1b20;--surface2:#212228;--surface3:#282930;--line:#303137;--muted:#82848e;--light:#e7e9e9;--lime:#d4ef78;--sub:#bcbfc4;--shadow:0 25px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--light);font:14px/1.5 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:224px;flex:0 0 224px;background:#141519;border-right:1px solid #24252a;display:flex;flex-direction:column;padding:27px 17px 25px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 46px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--lime);color:#15171a;border-radius:11px;width:42px;height:42px;font:900 27px/1 'Manrope',Arial,sans-serif;letter-spacing:-4px;padding-right:4px;transform:skew(-3deg)}.mark-dot{color:#15171a}.brand-details{display:flex;flex-direction:column;gap:0}.brand-details strong{font:800 19px 'Manrope',Arial,sans-serif;letter-spacing:.11em}.brand-details small{font:700 8px 'Manrope',Arial,sans-serif;letter-spacing:.24em;color:#888b8f}.sidebar-section-title{font:800 10px 'DM Sans';letter-spacing:.17em;color:#696b72;padding:0 16px 15px}.nav-link{width:100%;display:flex;align-items:center;gap:13px;border:0;border-radius:9px;background:transparent;color:#898b94;text-align:left;padding:14px 13px;font-weight:700;position:relative;margin-bottom:4px}.nav-link svg{width:19px;height:19px}.nav-link.active{background:#2b3023;color:#e8f4cb}.nav-link.active svg{color:var(--lime)}.nav-link:hover:not(.active){background:#202126;color:#ddd}.nav-indicator{width:5px;height:5px;background:var(--lime);border-radius:50%;margin-left:auto}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid #2c2d32;padding:19px 8px 0;display:grid;grid-template-columns:33px 1fr;gap:5px 10px;align-items:center}.sidebar-status{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#b3b6b6;font-size:11px;margin-bottom:22px}.status-led,.green-dot{width:7px;height:7px;background:#72757d;border-radius:50%;display:inline-flex}.status-led.ready,.green-dot{background:var(--lime);box-shadow:0 0 12px #d4ef7860}.profile-avatar{display:grid;place-items:center;border:1px solid #4a5040;background:#2d3524;border-radius:10px;width:33px;height:33px;color:var(--lime);font-weight:800}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:12px}.profile-copy small{font-size:10px;color:#757780}.app-main{min-width:0;flex:1}.topbar{height:75px;border-bottom:1px solid #27282d;padding:0 35px;display:flex;justify-content:space-between;align-items:center;background:#15161a}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:#767981}.breadcrumbs svg{height:14px;width:14px}.breadcrumbs span{color:#d1d3d4;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:11px}.version-tag{font-size:10px;font-weight:800;letter-spacing:.13em;color:#777d6a;border:1px solid #34392d;padding:5px 9px;border-radius:5px;margin-right:10px}.button-quiet,.button-outline,.button-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:800;transition:.15s}.button-quiet{border:0;background:transparent;color:#b8bbc0}.button-quiet:hover{color:#fff;background:#292a2f}.button-outline{border:1px solid #45464d;background:#23242a;color:#f0f0f0}.button-outline:hover{background:#303138}.button-main{border:1px solid var(--lime);background:var(--lime);color:#111311}.button-main:hover,.create-button:hover{filter:brightness(1.07)}.topbar svg,.button-outline svg,.button-main svg,.button-quiet svg{width:16px;height:16px}.dashboard{padding:33px 34px 20px;max-width:1950px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px;gap:20px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.25em;color:var(--lime);margin-bottom:9px}.eyebrow-line{width:17px;height:1px;background:var(--lime)}h1,h2,h3,p{margin:0}h1{font:800 clamp(25px,2.6vw,37px)/1.27 'Manrope',Arial,sans-serif;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--lime)}.page-head p{margin-top:9px;color:#898c96;font-size:13px}.head-stats{display:flex;gap:18px;align-items:center;padding:0 12px 3px}.head-stats>div:not(.stats-divider){display:flex;flex-direction:column}.head-stats strong{font:800 27px/1 'Manrope',Arial,sans-serif;letter-spacing:-.05em}.head-stats span{color:#797b84;font-size:10px;margin-top:6px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.stats-divider{height:30px;width:1px;background:#32343a}.workspace-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(365px,1.57fr) minmax(260px,.95fr);gap:16px;align-items:stretch}.panel{background:var(--surface);border:1px solid #2b2c33;border-radius:13px;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 19px 18px}.step-index{font-size:10px;letter-spacing:.12em;font-weight:800;color:#898b92;margin-bottom:5px}.panel h2{font-size:16px;font-weight:800;letter-spacing:-.035em}.pill{background:#292b30;border:1px solid #33353b;color:#a2a3ab;font-size:10px;font-weight:800;border-radius:6px;padding:5px 8px}.assets-panel,.configure-panel{padding-bottom:20px}.mode-segment{display:flex;background:#121316;border:1px solid #292b30;border-radius:9px;margin:0 18px 16px;padding:4px;gap:3px}.mode-segment button{border:0;background:none;color:#7c7f89;font-size:11px;font-weight:800;border-radius:6px;padding:9px 5px;flex:1}.mode-segment button.selected{background:#343833;color:#d6ef8c}.drop-area{margin:0 18px;border:1px dashed #4a4c52;border-radius:11px;min-height:202px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:19px 10px;transition:.2s;outline:none}.drop-area:hover,.drop-area.drag-over{background:#282a29;border-color:var(--lime)}.drop-icon{width:44px;height:44px;background:#303627;color:#c8e678;display:grid;place-items:center;border-radius:11px;margin-bottom:11px}.drop-icon svg{width:23px;height:23px}.drop-area strong{font-size:12px;font-weight:800}.drop-area span{font-size:11px;color:#92949d;margin-top:3px}.drop-area small{font-size:9px;color:#666a72;margin-top:8px}.tiny-action{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--lime);margin-top:12px;font-size:11px;font-weight:800}.tiny-action svg{width:13px;height:13px}.import-actions{display:flex;gap:8px;margin:12px 18px 22px}.import-actions button{background:#25262d;color:#cacbd0;border:1px solid #34363d;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font-size:10px;padding:9px 3px;font-weight:800}.import-actions button:hover{border-color:#666}.import-actions svg{width:14px;height:14px}.drive-box{margin:-10px 18px 21px;padding:12px;border:1px solid #3a3c42;border-radius:8px;background:#222329}.drive-box label{display:block;color:#babbc2;font-size:11px;margin-bottom:8px}.inline-field{display:flex;gap:4px}.inline-field input{min-width:0;flex:1}.inline-field button{border:0;background:var(--lime);border-radius:6px;color:#111;padding:0 11px;font-weight:800;font-size:11px}.drive-box small{display:block;color:#72757d;margin-top:6px;font-size:10px}.assets-subheading{display:flex;justify-content:space-between;align-items:center;margin:0 18px 11px;color:#a4a6ae;font-size:10px;font-weight:800;letter-spacing:.12em}.assets-tools button,.slide-editor-head button{border:0;background:none;color:#898b94;padding:3px}.assets-tools svg,.slide-editor-head svg{width:15px;height:15px}.assets-gallery{margin:0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:295px;overflow-y:auto}.gallery-empty{grid-column:1/-1;min-height:134px;border:1px solid #303136;background:#1e1f24;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;color:#6f727b;font-size:10px}.gallery-empty svg{width:26px;height:26px}.asset-card{aspect-ratio:1;position:relative;border:2px solid transparent;border-radius:7px;overflow:hidden;cursor:pointer;background:#292b30;padding:0}.asset-card img{width:100%;height:100%;object-fit:cover;display:block}.asset-card.selected{border-color:var(--lime)}.asset-card:hover{border-color:#b2be8e}.asset-card .asset-category{position:absolute;left:3px;right:3px;bottom:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;background:#111c;color:white;border-radius:3px;font-size:8px;padding:3px}.asset-tip{margin:20px 18px 0;background:#25291f;border:1px solid #353d2b;padding:12px;display:flex;gap:9px;border-radius:9px}.asset-tip>svg{width:16px;height:16px;color:var(--lime)}.asset-tip strong{font-size:10px;color:#d9eaba}.asset-tip p{font-size:10px;color:#939a89;line-height:1.5;margin-top:4px}.preview-panel{display:flex;flex-direction:column;min-height:670px}.preview-panel .panel-heading{padding-bottom:11px}.preview-actions{display:flex;align-items:center;gap:11px}.preview-actions button{border:1px solid #35363d;background:#25262c;color:#eee;border-radius:5px;width:25px;height:25px;font-size:20px;line-height:10px}.preview-actions span{font-size:10px;font-weight:700;color:#989ba4;min-width:32px;text-align:center}.preview-canvas-area{flex:1;min-height:360px;display:flex;align-items:center;justify-content:center;padding:10px 21px 12px;background:radial-gradient(circle at 50% 55%,#23252b,#1a1b20 72%)}.canvas-frame{position:relative;height:min(48vh,440px);aspect-ratio:4/5;max-width:100%;overflow:hidden;box-shadow:0 25px 65px #0007;background:#181a20;transition:.25s}.canvas-frame.ratio-story{aspect-ratio:9/16}.canvas-frame.ratio-square{aspect-ratio:1/1}#main-canvas{width:100%;height:100%;object-fit:fill;display:block}.empty-preview{position:absolute;inset:0;background:#d8ed7b;color:#151915;padding:8%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.empty-decor{position:absolute;inset:0;overflow:hidden;opacity:.16}.decor-01{position:absolute;width:80%;aspect-ratio:1;border:30px solid #345324;right:-42%;top:11%;transform:rotate(23deg)}.decor-02{position:absolute;width:53%;aspect-ratio:1;border:20px solid #345324;left:-32%;bottom:-6%;transform:rotate(23deg)}.decor-03{position:absolute;width:120%;height:10%;background:#345324;left:4%;top:59%;transform:rotate(-26deg)}.preview-brand,.preview-meta,.preview-line{position:relative;z-index:1}.preview-brand{font:800 clamp(8px,1vw,12px) 'Manrope',Arial,sans-serif;letter-spacing:.12em}.preview-brand span{font-size:9px}.preview-line{font:900 clamp(35px,3.3vw,58px)/.93 'Manrope',Arial,sans-serif;letter-spacing:-.105em;margin-left:-1.5%;overflow-wrap:normal;white-space:nowrap}.preview-line i{font-family:Georgia,serif;font-weight:400;font-size:.75em;letter-spacing:-.08em}.preview-line span{color:#526834}.preview-meta{font-size:8px;font-weight:800;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:end}.preview-meta span{font-size:19px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 18px;border-bottom:1px solid #2f3036}.preview-bottom>span{display:flex;align-items:center;gap:8px;color:#989ba2;font-size:11px}.preview-bottom button{display:flex;align-items:center;gap:5px;border:0;color:#c8ccd1;background:transparent;font-size:11px;font-weight:800}.preview-bottom svg{width:15px;height:15px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.timeline-heading strong,.timeline-heading span{display:block}.timeline-heading strong{font-size:12px}.timeline-heading span{font-size:10px;color:#7d7f87;margin-top:2px}.timeline-heading button{display:grid;place-items:center;border:1px solid #41434a;background:#28292e;border-radius:7px;width:26px;height:26px;color:#ccc}.timeline-heading svg{width:15px;height:15px}.timeline{display:flex;align-items:stretch;gap:9px;padding:0 18px 23px;overflow-x:auto;min-height:118px}.timeline-empty{display:flex;align-items:center;justify-content:center;border:1px dashed #35363c;width:100%;border-radius:8px;color:#787b83;font-size:10px;text-align:center;padding:10px}.timeline-slide{flex:0 0 72px;min-width:72px;cursor:grab;border:0;padding:0;background:none;color:inherit;text-align:left}.timeline-slide .mini-frame{aspect-ratio:4/5;border:2px solid #45464d;border-radius:5px;overflow:hidden;background:#34363c;position:relative}.timeline-slide.active .mini-frame{border-color:var(--lime);box-shadow:0 0 0 1px #8ba34d}.timeline-slide canvas{width:100%;height:100%;display:block}.timeline-slide .mini-frame span{position:absolute;top:4px;left:5px;background:#101b;color:#fff;border-radius:3px;padding:0 3px;font-size:9px;font-weight:700}.timeline-slide small{color:#8e9098;font-size:9px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.timeline-slide.active small{color:var(--lime)}.timeline-slide.dragging{opacity:.4}.configure-panel .panel-heading{padding-bottom:21px}.panel-spark{display:grid;place-items:center;color:var(--lime);background:#2b3320;width:32px;height:32px;border-radius:8px}.panel-spark svg{width:17px;height:17px}.form-group{padding:0 18px;margin-bottom:17px;min-width:0}.form-group label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#cacbd0;font-weight:800;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea,.inline-field input{width:100%;min-width:0;border:1px solid #3b3c44;border-radius:7px;background:#23242b;color:#eceef0;padding:10px 11px;outline:none;transition:.2s;font-size:12px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.inline-field input:focus{border-color:#9eb365}.form-group textarea{min-height:129px;resize:vertical;line-height:1.55}.form-group input::placeholder,.form-group textarea::placeholder{color:#6c6f77}.form-group select{appearance:auto}.ai-label{background:#303b23;color:var(--lime);padding:3px 6px;border-radius:4px;font-size:9px}.brief-hint{font-size:10px;color:#6b6e78;margin-top:6px}.quick-prompts{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px;margin:-5px 0 19px}.quick-prompts button{background:#282b29;border:1px solid #42453c;color:#bfc9ad;border-radius:5px;padding:6px 8px;font-size:10px;text-align:left}.quick-prompts button:hover{background:#3b4035}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.form-row .form-group:first-child{padding-right:6px}.form-row .form-group:last-child{padding-left:6px}.color-options{display:flex;align-items:center;gap:8px}.color-chip{width:23px;height:23px;display:block;background:var(--color);border:3px solid #25252c;border-radius:50%;box-shadow:0 0 0 1px #4b4c50}.color-chip.selected{box-shadow:0 0 0 2px #fbfbfb}.color-options input{width:25px;height:25px;border:0;background:none;padding:0;cursor:pointer;appearance:none}.color-options input::-webkit-color-swatch-wrapper{padding:0}.color-options input::-webkit-color-swatch{border-radius:50%;border:2px solid #888}.create-button{display:flex;align-items:center;gap:9px;background:var(--lime);color:#171917;border:0;border-radius:8px;width:calc(100% - 36px);margin:1px 18px 10px;padding:14px 14px;font-size:13px;font-weight:900}.create-button svg{width:18px;height:18px}.create-button .button-arrow{margin-left:auto}.process-info{font-size:10px;color:#7a7d85;margin:0 19px 14px;line-height:1.5}.details-divider{height:1px;background:#303139;margin:20px 18px}.slide-editor-head{display:flex;justify-content:space-between;align-items:center;padding:0 18px;margin-bottom:14px}.slide-editor-head h3{font-size:13px;font-weight:800}.slide-editor-head h3 span{color:var(--lime)}.slide-editor-head>div{display:flex;gap:11px}.small-note{font-size:10px;color:#727780;padding:0 18px;margin-bottom:17px}.full-width{width:calc(100% - 36px);margin:0 18px}.footer{margin-top:22px;display:flex;align-items:center;justify-content:space-between;color:#63656e;font-size:9px;font-weight:700;letter-spacing:.12em}.toast{position:fixed;right:26px;bottom:24px;z-index:100;background:#d4ef78;color:#161a0d;font-weight:800;padding:12px 18px;border-radius:8px;box-shadow:var(--shadow);transform:translateY(125px);transition:.25s;max-width:min(460px,90vw)}.toast.show{transform:translateY(0)}.toast.error{background:#f9a9a5;color:#2d1010}.busy-cover{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#090b0de5;backdrop-filter:blur(6px)}.busy-dialog{text-align:center;background:#202127;border:1px solid #41434a;padding:34px 44px;border-radius:15px;max-width:90vw;min-width:360px;box-shadow:var(--shadow)}.busy-dialog h3{font-size:17px;margin:14px 0 7px}.busy-dialog p{color:#a5a6ae;font-size:12px;max-width:330px}.busy-dialog button{margin-top:19px;font-size:11px}.spinner{width:40px;height:40px;margin:0 auto;border-radius:50%;border:3px solid #444931;border-top-color:var(--lime);animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
@media(max-width:1390px){.sidebar{width:180px;flex-basis:180px}.dashboard{padding:27px 20px}.topbar{padding:0 21px}.workspace-grid{gap:11px;grid-template-columns:minmax(207px,.82fr) minmax(330px,1.5fr) minmax(256px,.95fr)}.page-head{margin-bottom:23px}.preview-line{font-size:47px}}
@media(max-width:1130px){.sidebar{width:66px;flex-basis:66px;padding:22px 8px}.brand{padding:0 2px 45px}.brand-details,.sidebar-section-title,.nav-link span,.sidebar-bottom .profile-copy,.sidebar-status{display:none}.nav-link{justify-content:center}.sidebar-bottom{display:flex;justify-content:center}.workspace-grid{grid-template-columns:minmax(210px,.78fr) minmax(330px,1.35fr)}.configure-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-content:start}.configure-panel>.panel-heading,.configure-panel>.details-divider,.configure-panel>.slide-editor-head,.configure-panel>.full-width{grid-column:1/-1}.configure-panel .form-group{padding:0 18px}.configure-panel .form-row{grid-column:2}.configure-panel .quick-prompts{grid-column:1;grid-row:auto}.configure-panel .create-button{grid-column:2;align-self:start}.configure-panel .process-info{grid-column:2}.preview-line{font-size:clamp(48px,6vw,71px)}}
@media(max-width:710px){.sidebar{display:none}.topbar{height:68px;padding:0 13px}.topbar-actions{gap:4px}.topbar-actions .button-quiet,.topbar-actions .button-outline{display:none}.button-main{padding:9px;font-size:10px}.version-tag{display:none}.dashboard{padding:22px 12px}.page-head{align-items:start}.page-head h1{font-size:26px}.head-stats{display:none}.workspace-grid{display:flex;flex-direction:column;gap:12px}.assets-gallery{grid-template-columns:repeat(5,1fr)}.preview-panel{min-height:620px}.preview-canvas-area{min-height:360px}.canvas-frame{height:385px}.configure-panel{display:block}.configure-panel .form-row{display:grid}.configure-panel .create-button{width:calc(100% - 36px)}.footer{gap:12px;flex-wrap:wrap}.preview-line{font-size:48px}}

.login-cover{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#1d2018,#0d0e11 70%);padding:20px}
.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px 30px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}
.login-card .brand-mark{margin-bottom:10px}.login-card h2{margin:0;font:800 24px 'Manrope',Arial,sans-serif}.login-card p{margin:0 0 12px;color:var(--muted)}
.login-card label{font-size:12px;color:var(--sub);margin-top:6px}.login-card input{background:var(--surface2);border:1px solid var(--line);border-radius:10px;color:var(--light);padding:11px 13px;outline:none}.login-card input:focus{border-color:var(--lime)}
.login-error{min-height:20px;color:#ff8a8a;font-size:13px}.login-card .create-button{margin-top:4px;width:100%}
.logout-btn{margin-left:auto;background:none;border:0;color:var(--muted);padding:4px;border-radius:6px}.logout-btn:hover{color:var(--light)}
.login-card .create-button{margin:6px 0 0;box-sizing:border-box}
.brand-mark{background:none!important;padding:0!important;transform:none!important;overflow:hidden}.logo-img{width:100%;height:100%;display:block}

.layout-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.layout-opt{background:var(--surface2);border:1px solid var(--line);border-radius:10px;color:var(--sub);padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;line-height:1.15;text-align:center}
.layout-opt .lt{width:30px;height:38px;fill:currentColor;opacity:.75;stroke:none}
.layout-opt:hover{border-color:#4a4c55}.layout-opt.selected{border-color:var(--lime);color:var(--lime);background:#23261a}.layout-opt.selected .lt{opacity:1}
#main-canvas{cursor:pointer}
@media(max-width:1130px){.layout-picker{grid-template-columns:repeat(4,1fr)}}

.configure-panel{display:block!important}.configure-panel>*:not(.panel-heading){max-width:760px}
.configure-panel .quick-prompts{align-self:start}
.quick-prompts button{height:auto!important;flex:0 0 auto}
.seg3{display:flex;background:#111216;border:1px solid var(--line);border-radius:10px;padding:3px;margin:2px 0 10px}
.seg3 button{flex:1;background:none;border:0;color:var(--muted);padding:7px 6px;border-radius:7px;font-weight:600;font-size:12px}
.seg3 button.selected{background:var(--surface3);color:var(--lime)}
.layout-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.grid-config{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px}
.stepper-group{display:flex;flex-direction:column;gap:5px}.stepper-group span{font-size:11px;color:var(--sub)}
.stepper-group.inline{flex-direction:row;align-items:center;justify-content:space-between}
.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#111216}
.stepper button{background:none;border:0;color:var(--light);width:30px;height:32px;font-size:16px}.stepper button:hover{background:var(--surface3)}
.stepper input{width:38px;text-align:center;background:none;border:0;color:var(--light);font-weight:700;outline:none;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.grid-preview{margin-left:auto}.lt.big{width:54px;height:68px;fill:var(--lime);opacity:.9}
.rand-card{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.rand-card strong{font-family:'Manrope',Arial,sans-serif}.rand-card p{margin:0;color:var(--muted);font-size:12px}
.check{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:12px}.check input{accent-color:var(--lime)}
.finish-box{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:9px}
.finish-title{font:700 11px 'Manrope',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.range-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px;font-size:12px;color:var(--sub)}
.range-row b{color:var(--light);font-weight:600;text-align:right;font-size:11px}.range-row input[type=range]{accent-color:var(--lime);width:100%}
.bg-chips{display:flex;gap:8px;grid-column:2/4}.bg-chips button{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--c);padding:0}.bg-chips button.selected{border-color:var(--lime);box-shadow:0 0 0 2px #23261a}
.count-note{color:var(--lime);font-weight:500;margin-left:4px}

.form-row3{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px;padding:0 18px}.form-row3 .form-group{padding:0}
.configure-panel .brief-hint{display:none}
.fold{margin:14px 18px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.fold>summary{cursor:pointer;list-style:none;padding:11px 14px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px}
.fold>summary::-webkit-details-marker{display:none}.fold>summary::after{content:'›';margin-left:auto;transition:transform .15s;color:var(--muted);font-size:18px}
.fold[open]>summary::after{transform:rotate(90deg)}
.fold-hint{font-weight:400;color:var(--muted);font-size:11px}
.fold .finish-box{border:0;margin:0;padding:0 14px 14px}.fold .form-group{padding:0 14px 12px!important}
.fold-actions{display:flex;gap:8px;padding:0 14px 12px}.fold-actions button{display:flex;align-items:center;gap:6px;background:#111216;border:1px solid var(--line);color:var(--sub);border-radius:8px;padding:6px 10px;font-size:12px}
.fold .small-note{padding:0 14px 12px}
.configure-panel .layout-box{margin-top:2px}.configure-panel #load-project{margin:14px 18px 0;width:calc(100% - 36px)}
.configure-panel .create-button{margin:6px 18px 0}.configure-panel .process-info{margin:8px 18px 0;font-size:11px}
.layout-opt span{display:none}.layout-opt{padding:8px 4px}.layout-picker{grid-template-columns:repeat(5,1fr)}
.dl-group{display:flex;gap:8px}.dl-group button{display:flex;align-items:center;gap:6px}
.panel-spark{display:none}
@media(max-width:560px){.form-row3{grid-template-columns:1fr 1fr}}
#brief{min-height:0!important;height:78px;resize:vertical}
label.check{display:flex!important;flex-direction:row;align-items:center;gap:8px;margin:0}.check input{width:auto!important;padding:0!important;flex:none}
.rand-card .stepper-group.inline{gap:12px}.rand-card .stepper-group.inline span{flex:1}
.quick-prompts{margin:6px 0 14px!important}
label.check{justify-content:flex-start!important;text-align:left!important;gap:8px!important}.check input{margin:0!important}
.pass-wrap{position:relative;display:flex}.pass-wrap input{flex:1;padding-right:76px}.pass-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--lime);font-size:12px;font-weight:600;padding:6px 8px}

/* ===== Mobile / app-like layout ===== */
.bottom-nav{display:none}
@media(max-width:820px){
 html,body{overscroll-behavior-y:none}
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 .sidebar{display:none!important}
 .shell{display:block}
 .app-main{width:100%}
 .topbar{height:54px;padding:0 12px;position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top);box-sizing:content-box}
 .breadcrumbs{font-size:13px}.breadcrumbs>:not(span){display:none}.breadcrumbs span{font:800 16px 'Manrope',Arial,sans-serif;color:var(--light)!important}
 .version-tag,#export-zip{display:none!important}
 .topbar-actions{gap:6px}
 .topbar-actions .button-quiet,.topbar-actions .button-outline{display:inline-flex!important;align-items:center;justify-content:center;font-size:0;gap:0;padding:0;width:40px;height:40px;border-radius:10px}
 .topbar-actions .button-quiet svg,.topbar-actions .button-outline svg{width:20px;height:20px;margin:0}
 .dashboard{padding:14px 12px 10px}
 .page-head{margin-bottom:12px}.page-head h1{font-size:23px;line-height:1.1}.page-head p,.head-stats,.eyebrow{display:none}
 .workspace-grid{display:block}
 .workspace-grid>.panel{display:none!important;margin-bottom:12px}
 body[data-tab=photos] .assets-panel{display:block!important}
 body[data-tab=preview] .preview-panel{display:flex!important;min-height:0}
 body[data-tab=create] .configure-panel{display:block!important}
 .assets-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}
 .preview-canvas-area{min-height:0;padding:12px 10px}
 .canvas-frame{height:min(58vh,520px)}
 .preview-bottom{flex-wrap:wrap;gap:8px}.dl-group{width:100%}.dl-group button{flex:1;justify-content:center;min-height:42px}
 .timeline{min-height:96px}
 .footer{display:none}
 input,select,textarea{font-size:16px!important}
 button,.nav-link,select{min-height:40px}
 .layout-picker{grid-template-columns:repeat(5,1fr)}
 .form-row3{grid-template-columns:1fr 1fr}.form-row3 .form-group:nth-child(3){grid-column:1/-1}
 .configure-panel>*:not(.panel-heading){max-width:none}
 .configure-panel .create-button{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 10px 30px #000a}
 .range-row{grid-template-columns:110px 1fr 40px}
 .toast{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:none;text-align:center}
 .login-card{max-width:none}
 .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#111216ee;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #26272d;padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:4px}
 .bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:var(--muted);font-size:10.5px;font-weight:600;border-radius:12px;min-height:54px;transition:.15s}
 .bottom-nav button svg{width:23px;height:23px}
 .bottom-nav button.active{color:var(--lime);background:#1d2016}
 .bottom-nav button:active{transform:scale(.96)}
}
@media(max-width:820px) and (display-mode:standalone){.topbar{padding-top:max(env(safe-area-inset-top),8px)}}
@media(max-width:820px){
 .breadcrumbs{font-size:0!important}.breadcrumbs span{font-size:16px!important}
 body:not([data-tab=photos]) .page-head{display:none}
 .page-head h1{font-size:20px}
 .drop-area{padding:18px 12px!important}.drop-area small{display:none}
}

.drive-folders{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:240px;overflow:auto}
.drive-folders button{text-align:left;background:var(--surface2);border:1px solid var(--line);color:var(--light);border-radius:9px;padding:10px 12px;font-size:13px;display:flex;align-items:center;gap:8px}
.drive-folders button:hover{border-color:var(--lime)}.drive-folders .all{background:#23261a;border-color:#4a5130;color:var(--lime);font-weight:700}
.drive-folders .hint{font-size:11px;color:var(--muted)}

/* Evita o "piscar" da interface antes de saber se há sessão */
html:not(.auth-ok) .shell,html:not(.auth-ok) .bottom-nav,html:not(.auth-ok) #toast{visibility:hidden}
.boot{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0d0e11;transition:opacity .2s}
html.auth-ok .boot,html.auth-login .boot{opacity:0;pointer-events:none;visibility:hidden}
.boot img{animation:bootpulse 1.2s ease-in-out infinite}
@keyframes bootpulse{50%{transform:scale(.92);opacity:.7}}

.drive-box .drive-query{width:100%;margin:4px 0 8px}
.drive-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.drive-chips button{background:#282b29;border:1px solid #42453c;color:#bfc9ad;border-radius:999px;padding:5px 10px;font-size:11px;min-height:0}
.drive-chips button:hover{background:#3b4035}
.drive-box .inline-field{display:flex;gap:8px;align-items:center}.drive-box .inline-field select{width:auto}.drive-box .inline-field button{flex:1}
label.mini{font-size:11px;color:var(--sub);white-space:nowrap;margin:0}

.asset-card{position:relative}
.asset-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000b;color:#fff;display:grid;place-items:center;font-size:17px;line-height:1;opacity:.85;border:1px solid #fff3;backdrop-filter:blur(4px)}
.asset-x:hover{background:#d33;opacity:1}
@media(max-width:820px){.asset-x{width:28px;height:28px;font-size:20px}}