.studio-modern{color:var(--ink);flex-direction:column;gap:14px;padding:14px;display:flex}.loading-shell{justify-content:center;align-items:center;min-height:100vh}.loader-card{border:1px solid var(--line);background:linear-gradient(140deg,#ffffffeb,#eef6f4d6);border-radius:16px;padding:28px;box-shadow:0 16px 36px #151d1b1f}.workspace-hero{border:1px solid var(--line);background:linear-gradient(135deg,#fffffff0,#e7f7f4cc);border-radius:18px;grid-template-columns:1.3fr 1fr;gap:14px;padding:14px;display:grid;box-shadow:0 14px 30px #141e1c14}.hero-title h1{font-size:clamp(1.5rem,1.1rem + 1.5vw,2.2rem)}.hero-title p{color:var(--ink-subtle);max-width:62ch;margin:8px 0 0;font-size:.92rem}.hero-controls{flex-direction:column;justify-content:space-between;gap:9px;display:flex}.hero-select-row,.hero-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace-layout{grid-template-columns:220px minmax(0,1fr) 360px;gap:12px;display:grid}.workspace-nav{border:1px solid var(--line);background:linear-gradient(170deg,#ffffffdb,#efebe1cc);border-radius:16px;flex-direction:column;align-self:start;gap:7px;padding:10px;display:flex;position:sticky;top:10px}.workflow-label{letter-spacing:.06em;text-transform:uppercase;color:#46615e;margin:2px 2px 4px;font-size:.72rem;font-weight:700}.nav-tab{color:var(--ink);text-align:left;background:#fffc;border:1px solid #14262326;border-radius:10px;padding:10px;font-size:.86rem;transition:transform .12s,background-color .12s}.nav-tab:hover{transform:translate(2px)}.nav-tab.active{background:linear-gradient(120deg,#0e7f732b,#f06f3e24);border-color:#0e7f7357}.workspace-body{border:1px solid var(--line);background:#fffcf5e6;border-radius:16px;min-height:70vh;padding:10px;box-shadow:0 12px 30px #161e1d14}.activity-rail{flex-direction:column;align-self:start;gap:10px;max-height:calc(100vh - 22px);display:flex;position:sticky;top:10px}.compose-layout{grid-template-columns:1.08fr .92fr;gap:10px;display:grid}.compose-column,.preview-column,.queue-view,.library-view,.settings-view{flex-direction:column;gap:10px;display:flex}.panel-card{background:linear-gradient(165deg,#ffffffed,#f6f2e8e0);border:1px solid #18272421;border-radius:13px;overflow:hidden}.panel-head{background:linear-gradient(125deg,#fffffff2,#eff7f5d9);border-bottom:1px solid #18272414;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.panel-head h2{margin:0;font-size:.95rem}.panel-body{flex-direction:column;gap:9px;padding:11px;display:flex}.preview-spotlight .panel-body{gap:10px}.project-create-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.project-create-inline .btn{justify-self:start}.form-grid{gap:8px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1/-1}label{color:var(--ink-subtle);flex-direction:column;gap:5px;font-size:.8rem;display:flex}input,select,textarea{color:var(--ink);background:#ffffffde;border:1px solid #18272433;border-radius:9px;min-height:36px;padding:8px 10px}textarea{resize:vertical;min-height:102px}input:focus,select:focus,textarea:focus,button:focus{outline-offset:1px;outline:2px solid #0e7f7338}.row{align-items:center;gap:7px;display:flex}.row.wrap{flex-wrap:wrap}.btn{color:var(--ink);background:#ffffffe0;border:1px solid #1426232e;border-radius:9px;padding:8px 11px;font-size:.8rem;text-decoration:none;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #121f1d24}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.accent{background:linear-gradient(120deg,var(--brand),#16a596);color:#f7fffd;border-color:#00000014}.btn.danger{color:#fff9fa;background:linear-gradient(120deg,#af2f44,#d04458);border-color:#00000014}.btn.tiny{padding:4px 8px;font-size:.72rem}.status-pill{border-radius:999px;padding:5px 9px;font-size:.73rem;font-weight:600}.status-pill.ok{color:#1c7345;background:#2f9f5f29}.status-pill.warn{color:#825905;background:#f3c3453d}.status-pill.info{color:#0a6058;background:#0e7f7329}.subtle-text{color:var(--ink-subtle);margin:0;font-size:.77rem}.preview-video,.mini-video{background:#051514;border:1px solid #14262329;border-radius:10px;width:100%}.preview-video{max-height:420px}.preview-prompt{color:var(--ink-subtle);margin:0;font-size:.79rem}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.compare-grid article{background:#ffffffc7;border:1px solid #14262321;border-radius:10px;padding:8px}.compare-grid h4{margin:0 0 6px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.metrics div{background:#fffc;border:1px solid #14262324;border-radius:9px;flex-direction:column;padding:8px;display:flex}.metrics strong{color:#0d5f56;font-size:1.18rem}.metrics span{color:var(--ink-subtle);font-size:.74rem}.queue-list{flex-direction:column;gap:8px;max-height:66vh;display:flex;overflow:auto}.queue-list.activity-list{max-height:45vh}.queue-item{background:#ffffffd6;border:1px solid #14262329;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.queue-head{justify-content:space-between;align-items:center;display:flex}.badge{border-radius:999px;padding:2px 7px;font-size:.68rem}.tone-success{color:#1d7245;background:#2f9f5f29}.tone-danger{color:#8d2030;background:#b62f3f26}.tone-warning{color:#8c6509;background:#f3c34533}.tone-info{color:#0a5d54;background:#0e7f7324}.tone-neutral{color:#3f4846;background:#5b636129}.progress-track{background:#1624221f;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-fill{background:linear-gradient(120deg,#0f8a7d,#17b8a4);height:100%}.queue-sub{color:var(--ink-subtle);justify-content:space-between;font-size:.72rem;display:flex}.error-text{color:#892132;font-size:.74rem}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--ink);background:#ffffffdb;border:1px solid #1426232b;border-radius:999px;padding:4px 10px;font-size:.73rem}.chip.active{background:#0e7f7329;border-color:#0e7f7359}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.video-card{background:#ffffffd4;border:1px solid #14262329;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.thumb{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%}.meta-lines{color:var(--ink-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;font-size:.72rem;display:grid}.check{flex-direction:row;align-items:center;gap:6px}.tag-row{flex-wrap:wrap;gap:4px;display:flex}.tag{background:#ffffffe6;border:1px solid #14262329;border-radius:999px;padding:2px 7px;font-size:.67rem}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reference-card{background:#ffffffd1;border:1px solid #14262324;border-radius:9px;padding:6px}.reference-card img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%}.template-list,.history-list{flex-direction:column;gap:6px;max-height:190px;display:flex;overflow:auto}.template-item,.ghost-link{color:var(--ink);text-align:left;background:#ffffffd6;border:1px solid #14262321;border-radius:9px;padding:7px 9px;font-size:.77rem}.template-item{justify-content:space-between;align-items:center;display:flex}.disclosure-group details{background:#fffc;border:1px solid #1426231f;border-radius:9px;padding:8px}.disclosure-group summary{cursor:pointer;color:#154a45;font-size:.8rem;font-weight:600}.disclosure-group details+details{margin-top:7px}.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.storyboard-grid article{background:#ffffffd6;border:1px solid #14262324;border-radius:9px;padding:8px}.storyboard-grid h4{margin:0}.storyboard-grid p{color:var(--ink-subtle);margin:6px 0;font-size:.76rem}.timeline-panel .panel-body{padding-top:8px}.timeline-track{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.timeline-clip{background:linear-gradient(160deg,#fffffff0,#f3ecdfdb);border:1px solid #1426232b;border-radius:10px;flex-direction:column;gap:6px;min-width:290px;padding:8px;display:flex}.clip-head{justify-content:space-between;font-size:.77rem;display:flex}.timeline-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%}.version-item{background:#fffc;border:1px solid #14262324;border-radius:9px;justify-content:space-between;gap:9px;padding:7px;display:flex}.version-item small{color:var(--ink-subtle)}.note{border-radius:9px;flex-direction:column;gap:3px;padding:8px;display:flex}.note.success{background:#2f9f5f24;border:1px solid #2f9f5f3d}.note.error{background:#b62f3f21;border:1px solid #b62f3f3b}.note.info{background:#0e7f7321;border:1px solid #0e7f733b}.note small{color:var(--ink-subtle)}.empty-box{text-align:center;color:var(--ink-subtle);border:1px dashed #14262338;border-radius:10px;padding:14px}.toggle-row{flex-direction:row;align-items:center;gap:8px;display:flex}.toggle-row input[type=checkbox]{width:16px;height:16px;min-height:auto}.quick-generate-card{background:linear-gradient(135deg,#13998b1a,#f19f5f1c);border:1px solid #0e7f733b;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.toast{color:#fff;z-index:99;border-radius:10px;max-width:380px;padding:10px 12px;position:fixed;bottom:14px;right:14px;box-shadow:0 12px 28px #0000002e}.toast.success{background:linear-gradient(120deg,#2f8d58,#3eb76f)}.toast.error{background:linear-gradient(120deg,#9f2a3b,#cf3f52)}.toast.info{background:linear-gradient(120deg,#0a7065,#0f9f90)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:120;background:#09121194;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(160deg,#fffffff7,#f3eee4f2);border:1px solid #1426232e;border-radius:14px;flex-direction:column;gap:9px;width:min(540px,100%);padding:16px;display:flex;box-shadow:0 16px 34px #07111047}.modal-card h3{margin:0}.modal-card p{color:var(--ink-subtle);margin:0;font-size:.83rem}@media (max-width:1360px){.workspace-layout{grid-template-columns:1fr 340px}.workspace-nav{flex-flow:wrap;grid-column:1/-1;position:static}.nav-tab{flex:calc(50% - 7px);min-width:150px}.compose-layout,.workspace-hero,.library-grid,.compare-grid,.storyboard-grid,.metrics,.form-grid.two,.project-create-inline{grid-template-columns:1fr}.hero-controls{align-items:flex-start}}@media (max-width:820px){.workspace-layout{grid-template-columns:1fr}.activity-rail{max-height:none;position:static}.studio-modern{padding:10px}.workspace-body{padding:8px}.panel-head{flex-direction:column;align-items:flex-start}.hero-select-row,.hero-status-row{width:100%}.hero-select-row select,.hero-select-row .btn{flex:100%}}