:root{color-scheme:dark;--bg:#0b0b0f;--panel:#131318;--panel-2:#1a1a22;--border:#262630;--text:#ececf1;--muted:#8e8e9c;--accent:#7c5cff;--accent-soft:rgba(124,92,255,0.16);--ok:#00e5a0;--bad:#ff5c5c;--t1:#7c5cff;--t2:#00b8d9;--t3:#ff6b4a;--radius:12px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);font:14px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif}body,button{color:var(--text)}button{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}button.primary,button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font:inherit}textarea{width:100%;resize:vertical;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.shell.sidebar-collapsed{grid-template-columns:44px minmax(0,1fr)}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:18px}.sidebar.collapsed{padding:18px 6px;align-items:center}.sidebar.collapsed .context-picker label,.sidebar.collapsed>:not(.sidebar-toggle):not(.context-picker){display:none}.sidebar.collapsed .context-picker select{width:100%;font-size:11px;padding:2px}.sidebar-toggle{align-self:flex-end;background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;padding:2px 8px}.sidebar.collapsed .sidebar-toggle{align-self:center}.brand{font-weight:700;letter-spacing:.02em}.brand em{color:var(--accent);font-style:normal}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:8px;color:var(--muted)}.sidebar nav button.active{background:var(--accent-soft);color:var(--text)}.sidebar .foot{margin-top:auto;gap:8px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.content,.sidebar .foot{display:flex;flex-direction:column}.content{padding:20px 24px 60px;gap:16px;container-type:inline-size;container-name:studio}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar nav button{white-space:nowrap}.sidebar .foot{margin-top:0}}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar h1{font-size:20px;margin:0;font-weight:650}.topbar .spacer{flex:1 1}.msg{font-size:12px;font-family:ui-monospace,monospace}.msg.ok{color:var(--ok)}.msg.bad{color:var(--bad)}.switch{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.promptbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.promptbar .row{display:flex;gap:10px;align-items:flex-end}.promptbar textarea{min-height:64px;flex:1 1}.preview{border:1px dashed var(--border);border-radius:8px;padding:10px 12px;font-size:13px}.preview ul{margin:8px 0;padding-left:1.1em;color:var(--muted)}.cards,.sections{display:flex;flex-direction:column;gap:14px}.cards .scene-cell>.card,.cards>.card,.sections>.card{width:100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.cards .card>.media,.sections .card>.media{flex:0 0 min(360px,100%)}.cards .card>.variants,.sections .card>.variants{flex:0 0 100%;order:3;padding-bottom:8px}.cards .card>.body,.sections .card>.body{flex:1 1 360px;min-width:0}.cards .card>:not(.media):not(.body):not(.variants):not(.zone-in):not(.zone-out),.sections .card>:not(.media):not(.body):not(.variants):not(.zone-in):not(.zone-out){flex:0 0 100%;min-width:0}.cards .card:has(>.zone-in),.cards .card:has(>.zone-out),.sections .card:has(>.zone-in),.sections .card:has(>.zone-out){flex-direction:column;flex-wrap:nowrap}.zone-in,.zone-out{display:flex;flex-direction:column;gap:8px;padding:12px;min-width:0}@container studio (min-width: 760px){.card:has(>.zone-in):has(>.zone-out),.card:has(>.zone-in):not(:has(>.zone-out)),.card:has(>.zone-out):not(:has(>.zone-in)){display:grid;align-items:start}.card:has(>.zone-in):has(>.zone-out){grid-template-columns:minmax(380px,1fr) minmax(300px,380px);grid-template-areas:"in  in" "do  out"}.card:has(>.zone-in):not(:has(>.zone-out)){grid-template-columns:minmax(200px,300px) minmax(420px,1fr);grid-template-areas:"in do"}.card:has(>.zone-out):not(:has(>.zone-in)){grid-template-columns:minmax(380px,1fr) minmax(300px,380px);grid-template-areas:"do out"}.zone-in{grid-area:in}.card:has(>.zone-in)>.body,.card:has(>.zone-out)>.body{grid-area:do;min-width:0}.zone-out{grid-area:out;min-width:0}.card:has(>.zone-in)>:not(.zone-in):not(.zone-out):not(.body),.card:has(>.zone-out)>:not(.zone-in):not(.zone-out):not(.body){grid-column:1/-1}.card:has(>.zone-in),.card:has(>.zone-out){overflow:visible}.zone-out{position:-webkit-sticky;position:sticky;top:12px;align-self:start;border-left:1px solid var(--border)}.zone-in .track-variants,.zone-in .variants,.zone-out .track-variants,.zone-out .variants{flex-wrap:wrap;overflow-x:visible;padding:0}}@container studio (min-width: 980px){.card:has(>.zone-in):has(>.zone-out){grid-template-columns:minmax(200px,240px) minmax(380px,1fr) minmax(320px,380px);grid-template-areas:"in do out"}.card:has(>.zone-in):has(>.zone-out)>.zone-in{border-right:1px solid var(--border)}.card:has(>.zone-in):has(>.zone-out)>.zone-in:before,.card:has(>.zone-in):has(>.zone-out)>.zone-out:before{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card:has(>.zone-in):has(>.zone-out)>.zone-in:before{content:"입력"}.card:has(>.zone-in):has(>.zone-out)>.zone-out:before{content:"출력"}}.zone-out>.media{aspect-ratio:auto;min-height:0}.zone-out>.media img{height:auto;max-height:60vh;object-fit:contain}.zone-out>.media:has(video){aspect-ratio:16/9}.zone-out>.media video{object-fit:contain}.zone-out>.frames{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;min-width:0}.zone-out>.frames>.frame{display:flex;flex-direction:column;gap:6px;min-width:0}.zone-out>.frames>.frame>.media{aspect-ratio:auto;min-height:0}.zone-out>.frames>.frame>.media img{height:auto;max-height:40vh;object-fit:contain}.zone-out>.frames>.frame>.media:has(video){aspect-ratio:16/9}.zone-out>.frames>.frame>.media video{object-fit:contain}.zone-out>.frames>.frame>.variants{padding-left:0;padding-right:0}.frame-label{font-size:12px;color:var(--muted)}@container studio (max-width: 759px){.zone-out>.frames{grid-template-columns:1fr}}.cards .card .head,.sections .card .head{flex-wrap:wrap}@media (max-width:820px){.cards .card>.media,.sections .card>.media{flex-basis:100%}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.sections .table-scroll{overflow-x:auto}.queue-dock{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:min(520px,calc(100vw - 32px))}.queue-dock-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:inherit;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgb(0 0 0/35%)}.queue-dock.open .queue-dock-pill{border-radius:var(--radius) var(--radius) 0 0;box-shadow:none}.queue-dock-caret{color:var(--muted);font-weight:400}.queue-dock-body{border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--panel);padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;max-height:min(50vh,420px);overflow-y:auto;box-shadow:0 6px 20px rgb(0 0 0/35%)}.queue-dock-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.queue-dock-what{flex:1 1;min-width:0;overflow-wrap:anywhere}@media (max-width:820px){.queue-dock{right:8px;bottom:calc(64px + env(safe-area-inset-bottom))}}.prompt-basis{border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel-2);padding:10px;display:flex;flex-direction:column;gap:6px}.basis-row{display:grid;grid-template-columns:104px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;font-size:12.5px}.basis-row>.chip{justify-self:start;white-space:nowrap}.basis-text{overflow-wrap:anywhere}.basis-row.fixed .basis-text{color:var(--muted)}.basis-row input,.basis-row textarea{font-size:12px}@container studio (max-width: 759.98px){.basis-row{grid-template-columns:minmax(0,1fr)}}.sections table td,.sections table th{white-space:nowrap}.card .media{aspect-ratio:16/9;background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;overflow:hidden}.card .media img,.card .media video{width:100%;height:100%;object-fit:cover}.card.locked{border-color:var(--accent,#7c6df2)}.card .variants{display:flex;gap:6px;padding:8px 8px 0;overflow-x:auto}.card .variants .variant{flex:0 0 auto;width:72px;aspect-ratio:16/9;padding:0;border:2px solid var(--border);border-radius:6px;overflow:hidden;background:var(--panel-2);cursor:pointer}.card .variants .variant img{width:100%;height:100%;object-fit:cover;display:block}.card .variants .variant.selected{border-color:var(--accent,#7c6df2);cursor:default}.card .variants .variant:disabled{opacity:.85}.card .body{padding:12px;gap:8px}.bilingual,.card .body{display:flex;flex-direction:column}.bilingual{gap:4px}.bilingual-buttons{display:flex;gap:6px;justify-content:flex-end}.field-error{color:#ff7a7a;font-size:11px}.variant-cell{display:flex;flex-direction:column;gap:2px;align-items:stretch}.danger{color:var(--danger,#e5484d)}.mini.danger{color:#ff8a8a;border-color:rgba(255,122,122,.4)}.synopsis-preview{margin:0;font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .head{display:flex;align-items:center;gap:8px}.card .head strong{font-size:14px}.card label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:3px}.card textarea{min-height:52px;font-size:12.5px}.card .inline{display:flex;gap:8px}.card .inline input{width:100%;font-size:12.5px}.chip{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.chip.t1{color:var(--t1);border-color:color-mix(in srgb,var(--t1) 45%,transparent)}.chip.t2{color:var(--t2);border-color:color-mix(in srgb,var(--t2) 45%,transparent)}.chip.t3{color:var(--t3);border-color:color-mix(in srgb,var(--t3) 45%,transparent)}.chip.done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.chip-x{margin-left:5px;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:1;cursor:pointer;opacity:.55}.chip-x:hover{opacity:1;color:var(--danger,#e5484d)}.queue{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.queue h2,.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.queue ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.queue li{display:flex;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:12.5px}.queue .deps{color:var(--muted)}.drawer{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.drawer textarea{min-height:40vh;font-family:ui-monospace,monospace;font-size:12px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 300px at 70% 20%,rgba(124,92,255,.18),transparent),var(--bg)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;width:min(360px,92vw);display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0 0 4px;font-size:18px}.login-card p{margin:0 0 8px;color:var(--muted);font-size:13px}.login-card input{width:100%}.assist-row{display:flex;gap:6px;margin-top:4px}.assist-row input{flex:1 1;font-size:12px;padding:5px 8px}.assist-row button{font-size:12px;padding:5px 10px;white-space:nowrap}.render-time{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}.asset-strip{display:flex;flex-direction:column;gap:12px}.asset-group label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.asset-row-items{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.asset-thumb{margin:0;width:88px;text-align:center}.asset-thumb img{width:88px;height:88px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--panel-2)}.asset-thumb figcaption{font-size:11px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.asset-style{margin:0;font-size:12.5px;color:var(--muted);max-width:480px}.asset-add{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:12px;cursor:pointer;text-align:center}.asset-add:hover{border-color:var(--accent);color:var(--text)}button.mini{padding:0 6px;font-size:11px;border-radius:6px}.author-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.author-row .chip-x{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 4px;font-size:12px}.muted-note{color:var(--muted);font-size:12px}.context-picker{display:flex;flex-direction:column;gap:4px}.context-picker label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.context-picker select{width:100%}.wip-dot{color:var(--t3);font-size:8px;vertical-align:middle}.placeholder-points{margin:0;padding-left:1.2em;color:var(--muted);font-size:13px}.history{display:flex;flex-direction:column;gap:6px}.history-toggle{align-self:flex-start}.history-panel{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.history-row{display:flex;gap:8px;align-items:flex-start;padding:4px;border-radius:6px}.history-row.selected{outline:1px solid var(--accent,#7c6df2)}.history-thumb{flex:0 0 auto;width:112px;aspect-ratio:16/9;padding:0;border:2px solid var(--border);border-radius:6px;overflow:hidden;background:var(--panel-2);cursor:zoom-in}.history-thumb img,.history-thumb video{width:100%;height:100%;object-fit:cover;display:block}.history-row>audio{flex:0 0 220px;height:32px}.history-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:12px}.history-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.history-time{color:var(--muted)}.history-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.history-compare img,.history-compare video{width:100%;display:block;border-radius:6px}.history-compare audio{width:100%}.chip.danger{color:#ff8a8a;border-color:rgba(255,122,122,.4)}.track-variants{display:flex;flex-direction:column;gap:6px}.track-variant-row{display:flex;align-items:center;gap:8px}.track-variant-row audio{flex:1 1;height:32px}.mini.selected{border-color:var(--accent);color:var(--accent)}.tag-row{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.scene-cell{display:flex;flex-direction:column;gap:4px}.scene-toolbar{display:flex;gap:4px;align-items:center}.card.add-scene{border-style:dashed;justify-content:center}.progress-table{width:100%;border-collapse:collapse;font-size:12.5px}.progress-table td,.progress-table th{border-bottom:1px solid var(--border);padding:5px 8px;text-align:left}.progress-table th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase}.agent-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.live{background:var(--ok)}.dot.dead{background:var(--muted)}.basis-panel{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;overflow-x:auto;margin:0}.plain-table{width:100%;border-collapse:collapse;font-size:12.5px;margin:8px 0 4px}.plain-table td,.plain-table th{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line,#2a2a33)}.plain-table th{color:var(--muted,#8b8b96);font-weight:600}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center}.lightbox-img,.lightbox-video{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:6px}.lightbox-close{position:fixed;top:16px;right:20px;z-index:1001}.edit-dialog{width:min(1200px,94vw);max-height:94vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.edit-dialog .edit-dialog-head{display:flex;align-items:center;gap:8px}.edit-dialog .edit-dialog-head .lightbox-close{position:static}.edit-dialog-frames{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;min-width:0}.edit-dialog-frames figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:4px}.edit-dialog-frames figure img{width:100%;max-height:58vh;object-fit:contain;background:var(--panel-2);border-radius:6px}.edit-dialog-frames figure.empty{min-height:200px;border:1px dashed var(--border);border-radius:6px;align-items:center;justify-content:center;text-align:center;padding:12px}.edit-dialog-frames figcaption,.edit-dialog-frames figure.empty{color:var(--muted);font-size:12px}.edit-dialog textarea{min-height:64px}@media (max-width:760px){.edit-dialog-frames{grid-template-columns:1fr}}.variant-cell.highlighted .variant{outline:3px solid var(--accent,#7c6df2);outline-offset:2px;transition:outline-color .3s}.chip.danger{color:#ff7b72;border-color:rgba(255,123,114,.5)}.journey-bar{display:flex;gap:8px;padding:8px 20px 0;flex-wrap:wrap}.journey-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:12px;cursor:pointer}.journey-chip.done{color:var(--ok);border-color:rgba(0,229,160,.35)}.journey-chip.active{color:var(--text);border-color:var(--accent)}.journey-chip.blocked{opacity:.6}.journey-chip.current{background:var(--accent-soft);border-color:var(--accent)}.journey-chip:disabled{cursor:not-allowed;opacity:.45}.journey-count{color:var(--muted)}@media (max-width:720px){.journey-title{display:none}}.journey-hint{display:flex;align-items:center;gap:12px;margin:8px 20px 0;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);font-size:13px}.journey-hint .ok{color:var(--ok)}.journey-hint a{color:var(--accent);cursor:pointer}.journey-muted{color:var(--muted)}.sheet-preview{border:1px dashed var(--border);border-radius:var(--radius);padding:10px;margin-top:6px;background:var(--panel-2)}.sheet-preview textarea{width:100%;font-size:12px;color:var(--muted)}@media (max-width:560px){body{overflow-x:hidden}.shell{grid-template-columns:1fr}.topbar{gap:8px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.cards{grid-template-columns:1fr}.card{padding:12px}.sidebar nav button,button{min-height:44px}input,select,textarea{font-size:16px;min-height:44px}textarea{min-height:96px}img,video{max-width:100%;height:auto}.hint,code,pre{overflow-wrap:anywhere}}.m-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.m-top{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;gap:8px;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.m-top select{flex:1 1;min-width:0;min-height:44px;font-size:16px}.m-body{flex:1 1 auto;padding:12px 12px 84px;overflow-y:auto}.m-view{gap:12px}.m-card,.m-view{display:flex;flex-direction:column}.m-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;gap:8px}.m-card-live{border-color:var(--accent)}.m-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.m-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.m-big{font-size:22px;font-weight:700}.m-row{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px}.m-muted{color:var(--muted);font-size:13px}.m-error,.m-muted{overflow-wrap:anywhere}.m-error{color:var(--danger,#e5484d);font-size:12px}.m-empty,.m-note{padding:12px 4px}.m-pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.m-pill-done,.m-pill-ready,.m-pill-running{color:var(--ok);border-color:var(--ok)}.m-pill-creating,.m-pill-provisioning,.m-pill-queued{color:var(--accent);border-color:var(--accent)}.m-pill-error{color:var(--danger,#e5484d);border-color:var(--danger,#e5484d)}.m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.m-list li{padding:6px 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.m-list li:first-child{border-top:none;padding-top:0}.m-bench{display:flex;flex-direction:column;gap:4px}.m-link{align-self:flex-start;background:none;border:1px solid var(--border);border-radius:8px;color:var(--accent);padding:8px 12px;min-height:40px}.m-danger{margin-top:6px;min-height:44px;border-radius:10px;border:1px solid var(--danger,#e5484d);background:transparent;color:var(--danger,#e5484d);font-size:15px}.m-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.m-tile{display:flex;flex-direction:column;gap:6px;padding:0;background:none;border:none;color:var(--text);font-size:13px;text-align:left}.m-tile img,.m-tile-empty{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--bg);border:1px solid var(--border)}.m-tile-empty{color:var(--muted);font-size:12px}.m-lightbox,.m-tile-empty{display:flex;align-items:center;justify-content:center}.m-lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.92)}.m-lightbox img,.m-lightbox video{max-width:100vw;max-height:100vh;max-height:100dvh;object-fit:contain}.m-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.m-menu button{width:100%;text-align:left;min-height:52px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:16px}.m-menu button:disabled{opacity:.5}.m-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;gap:8px}.m-back{align-self:flex-start;margin-bottom:8px;min-height:40px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.m-studio{padding:0}.m-tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.m-tabs button{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--muted);font-size:12px}.m-tabs button.active{color:var(--text)}.m-tab-icon{font-size:20px}