/* RETYA Studio — brand system, shared by the importer and editor. */
:root{color-scheme:dark;--bg:#0a0a0c;--surface:#151518;--surface-2:#1c1c21;--line:#2a2a31;--text:#fafafa;--muted:#a5a5af;--faint:#9595a0;--blue:#0065f4;--blue-hover:#004eba;--radius:12px;--stroke:var(--line);--type:var(--text);--sub:var(--muted)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;font-optical-sizing:auto}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4d93f8;outline-offset:4px}input,textarea,select{min-width:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-variation-settings:'opsz' 32;line-height:1.2}h1{font-size:44px;font-weight:700;letter-spacing:-1.8px;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.5px;margin-bottom:8px;font-weight:600}p{color:var(--muted);line-height:1.65}.muted,.tiny{color:var(--muted)}.tiny{font-size:12px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.brand-link{display:flex;gap:11px;align-items:center;text-decoration:none;white-space:nowrap}.brand-mark{width:36px;height:36px;display:block;flex:none}.wordmark{font-weight:700;font-size:18px;letter-spacing:-.012em;color:#fafafa}.wordmark span{color:var(--blue)}.brand-subtitle{display:block;color:var(--muted);font-size:10px;letter-spacing:1.9px;text-transform:uppercase;font-weight:500;margin-top:2px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--blue);padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:226px;background:#101013;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:30}.app-sidebar .brand-link{padding:0 8px 32px}.sidebar-label{padding:20px 14px 9px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--faint);font-weight:600}.studio-nav{display:grid;gap:5px}.studio-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:13px;transition:background .15s,color .15s}.studio-nav a:hover{background:#1c1c21;color:white}.studio-nav a[aria-current=true]{background:#19243a;color:#fafafa;box-shadow:inset 2px 0 var(--blue)}.studio-nav a[aria-current=true] .icon{color:#4d93f8}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid var(--line)}.sidebar-bottom strong{display:block;font-size:12px;font-weight:500;color:#c7c7ce}.sidebar-bottom p{font-size:11px;margin:7px 0 0}.app-topbar{margin-left:226px;height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:var(--bg)}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb b{color:#fafafa;font-weight:500}.topbar-links{display:flex;gap:22px;align-items:center;font-size:12px}.topbar-links a{color:var(--muted);text-decoration:none}.topbar-links a:hover{color:white}.topbar-links .icon{width:14px;height:14px;vertical-align:middle;margin-left:5px}.studio-home main{margin-left:226px;padding:42px 44px 40px;max-width:1540px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.page-heading p{max-width:570px;font-size:14px;margin:0}.render-pill{display:inline-flex;gap:8px;align-items:center;font-size:11px;border:1px solid var(--line);background:var(--surface);padding:9px 12px;border-radius:7px;white-space:nowrap;margin-top:25px;color:#c7c7ce}.render-pill .icon{width:16px;height:16px;color:#4d93f8}.journey{display:flex;list-style:none;padding:0;margin:0 0 30px;border-bottom:1px solid var(--line);gap:32px}.journey li{padding:0 0 16px;color:var(--faint);font-size:12px}.journey li:first-child{color:#fafafa;border-bottom:2px solid var(--blue)}.journey span{font-size:10px;margin-right:8px;font-variant-numeric:tabular-nums;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;align-items:start}.card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}.section-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.section-heading p{font-size:12px;margin:8px 0 0;max-width:500px}.section-index{font-size:11px;color:var(--faint);letter-spacing:.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:23px;padding-bottom:0}.tab{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0;padding:11px 12px 14px;font-size:12px;font-weight:500;white-space:nowrap;display:flex;gap:7px;align-items:center}.tab.active,.tab[aria-selected=true]{color:#fafafa;border-bottom-color:var(--blue)}.tab:hover{color:#fafafa}.tab .icon,.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pane{display:none}.pane.active{display:block}.field-label{display:block;color:#c7c7ce;font-size:12px;font-weight:500;margin-bottom:9px}.input-wrap{position:relative}.input-wrap>.icon{position:absolute;left:14px;top:15px;width:17px;height:17px;color:var(--faint)}.input-wrap input{padding-left:43px!important}input[type=url],textarea,.edit-controls input,.edit-controls select{width:100%;background:#0f0f12;color:#fafafa;border:1px solid #33333b;border-radius:8px;padding:13px 14px;outline:none}input[type=url]{height:48px}input:focus,textarea:focus,select:focus{border-color:#4d93f8}textarea{min-height:100px;resize:vertical;line-height:1.65}::placeholder{color:#9595a0}.field-hint{font-size:11px;color:var(--muted);margin:9px 0 0}.check{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.6;margin:19px 0}.check input{accent-color:var(--blue);margin:3px 0 0;width:14px;height:14px;flex:none}.btn,.download{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;min-height:43px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fafafa;font-size:12px;font-weight:600;text-decoration:none;box-shadow:none;transition:background .15s}.btn:hover:not(:disabled),.download:hover{background:var(--blue-hover);transform:none;filter:none;box-shadow:none}.btn .icon{width:17px;height:17px}.btn.secondary,.btn.secondary:hover:not(:disabled),.edit-manual{background:#202026;border-color:#383840;color:#c7c7ce}.btn.secondary:hover:not(:disabled),.edit-manual:hover{background:#2a2a31}.btn.danger,.job-cancel{background:#24171a;border:1px solid #57323b;color:#fac5cb}.full{width:100%;margin-top:1px}.spin,.job-spinner{display:none;width:15px;height:15px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:studio-spin .7s linear infinite}.loading .spin{display:block}.job-spinner{display:block;border-color:#33333b;border-top-color:#4d93f8}.note{color:#c7c7ce;font-size:12px;line-height:1.6;margin-top:12px;min-height:0}.note:empty{display:none}.danger,.notice.error{color:#ffafba}.drop{position:relative;display:block;background:#111114;border:1px dashed #45454e;border-radius:9px;padding:23px;text-align:center;cursor:pointer}.drop:hover,.drop.drag{border-color:#4d93f8;background:#151e2b}.drop strong{font-weight:500;font-size:13px}.drop small{font-size:11px}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:2px solid #4d93f8;outline-offset:4px}.upload-icon{display:flex;justify-content:center;margin-bottom:11px;color:#c7c7ce}.upload-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.filename{display:block;font-size:11px;color:#b8d3fd;margin-top:10px;overflow-wrap:anywhere}.or{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin:17px 0}.workflow-card{background:#111114;padding:26px}.workflow-card h2{font-size:17px}.steps{display:grid;gap:0;margin-top:23px}.step{position:relative;display:flex;gap:15px;padding:0 0 25px}.step:not(:last-child):after{content:'';position:absolute;width:1px;left:14px;top:33px;bottom:6px;background:var(--line)}.num{width:29px;height:29px;flex:none;border:1px solid #3a3a43;border-radius:7px;display:grid;place-items:center;font-size:10px;color:#c7c7ce;font-variant-numeric:tabular-nums}.step:first-child .num{border-color:var(--blue);color:white;background:var(--blue)}.step b{font-size:12px;font-weight:500;color:#fafafa}.step small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.workflow-note{font-size:11px;padding-top:16px;border-top:1px solid var(--line);margin:0}.workflow-note .icon{width:14px;height:14px;vertical-align:middle;margin-right:6px}.jobs{margin-top:25px}.montage-card{margin-top:28px}.asset-kit{margin:20px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.asset-kit summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;font-size:12px;font-weight:500}.asset-kit summary::-webkit-details-marker{display:none}.asset-kit summary img{width:29px;height:29px}.asset-kit summary small{font-size:11px;color:var(--muted);margin-left:auto;font-weight:400}.asset-kit summary .icon{width:15px;height:15px;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 2px}.asset-card{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#101013;font-size:11px}.asset-label{font-weight:500}.asset-status,.asset-pick{font-size:10px;color:var(--muted)}.asset-status.ready{color:#c7c7ce}.asset-pick{margin-top:4px}.edit-controls{display:grid;grid-template-columns:1.1fr 1.15fr .85fr;gap:18px;margin:18px 0 22px}.edit-controls label{font-size:11px;color:#c7c7ce;font-weight:500}.edit-controls input,.edit-controls select{display:block;height:45px;margin-top:9px;font-size:12px}.montage-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.montage-actions .download{margin:0}.montage-tip{font-size:11px;color:var(--muted);line-height:1.6;margin:17px 0 0}.montage-tip .icon{width:14px;height:14px;vertical-align:middle;margin-right:6px}.advanced-notes{margin-top:14px;color:var(--muted);font-size:11px}.advanced-notes summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px}.advanced-notes p{font-size:11px;margin:10px 0 0}.library-section{margin-top:38px;scroll-margin-top:90px}.library-section>.section-heading{align-items:center}.library-section h2{font-size:24px}.empty-state{border:1px dashed #33333b;border-radius:12px;text-align:center;padding:38px 20px;margin:0;background:#101013}.empty-state>.icon{width:32px;height:32px;color:var(--faint);margin-bottom:12px}.empty-state strong{display:block;font-weight:500;font-size:13px;color:#c7c7ce}.empty-state p{font-size:12px;margin:6px 0 0}.job{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin:14px 0;animation:none}.jhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.jtitle{font-size:13px;font-weight:600}.badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #383840;background:#202026;border-radius:5px;font-size:10px;color:#c7c7ce;font-weight:500}.stats{font-size:11px;color:var(--muted);margin-top:11px;line-height:1.6;overflow-wrap:anywhere}.track{height:5px;border-radius:3px;background:#2a2a31;margin:19px 0 8px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:3px;transition:width .3s}.fill:after{display:none}.pct{font-size:11px;color:#c7c7ce;font-variant-numeric:tabular-nums}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.result-actions .btn,.result-actions .download{margin:0;padding:10px 14px;font-size:11px;min-height:38px}.job-tools{display:flex;gap:10px;align-items:center;margin-top:15px;flex-wrap:wrap}.job-cancel{border-radius:7px;font-size:11px;padding:8px 11px;cursor:pointer}.job-tools .muted{font-size:11px}.post-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.post-video video{max-width:160px!important;max-height:290px!important;border-radius:8px!important;background:black}.post-video>.muted{font-size:11px}.post-tools{display:grid;gap:12px;min-width:0}.post-tile{background:#101013;border:1px solid var(--line);border-radius:9px;padding:14px}.post-tile-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-bottom:10px}.post-tile-heading strong{font-weight:500}.post-tile textarea,.content-extra textarea{font-family:Inter,Arial,sans-serif;font-size:12px;min-height:90px;background:#151518;border-color:#33333b;color:#c7c7ce;padding:12px}.post-copy{background:#202026;color:#fafafa;border:1px solid #383840;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:500;cursor:pointer}.post-copy:hover{background:#2a2a31;transform:none;filter:none}.content-status,.content-extra{font-size:11px;color:var(--muted);line-height:1.6}.content-extra{display:grid;gap:9px}.completed-drawer{border:1px solid var(--line);border-radius:10px;background:#111114;margin-top:20px;overflow:hidden}.completed-drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;font-size:12px;color:#c7c7ce;font-weight:500}.completed-drawer summary::-webkit-details-marker{display:none}.completed-drawer summary:hover{background:#19191e}.drawer-hint{font-size:11px;color:var(--muted);font-weight:400}.archive-count{padding:3px 7px;margin-left:7px;border-radius:4px;background:#25252d;font-size:10px;color:#c7c7ce}.archive-dot{display:none}.drawer-chevron{display:inline-block;margin-left:15px;transition:transform .15s}.completed-drawer[open] .drawer-chevron{transform:rotate(180deg)}.drawer-body{padding:0 18px 18px;border-top:1px solid var(--line)}.archive-note{font-size:11px;color:var(--muted);margin:16px 0 0}.studio-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:10px;letter-spacing:.2px;color:var(--faint)}.corridors{display:flex;flex-direction:column;gap:5px;align-items:flex-end;opacity:.7;padding-top:2px;flex:none}.corridors i{display:block;width:74px;height:3px;border-radius:3px;background:var(--blue)}.corridors i:nth-child(2){width:48px}.corridors i:nth-child(3){width:61px}.corridors i:nth-child(4){width:30px}
/* Editor: functional panels, more room for the image and the timeline. */
.studio-editor{background:var(--bg);font:13px/1.5 Inter,Arial,sans-serif;color:#fafafa}.studio-editor main{max-width:1600px;padding:0 30px 30px;margin:0 auto}.studio-editor header{height:76px;margin:0 -30px 0;padding:0 30px;border-bottom:1px solid var(--line);background:#101013;flex-wrap:nowrap}.studio-editor .brand{font-weight:500;letter-spacing:0;font-size:14px}.studio-editor .back{background:transparent;border:1px solid #383840;padding:9px 13px;border-radius:7px;color:#c7c7ce;font-size:11px}.studio-editor .back:hover{background:#202026;transform:none}.studio-editor .headline{margin:26px 0 23px;align-items:center}.studio-editor .headline h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.studio-editor .headline p{font-size:12px;margin:0}.studio-editor .status-line{font-size:11px;color:var(--muted);gap:7px}.studio-editor .dot{background:#4d93f8;width:5px;height:5px}.studio-editor .workspace{grid-template-columns:200px minmax(0,1fr) 272px;gap:16px;align-items:start}.studio-editor .panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:19px;box-shadow:none}.studio-editor h2{font-size:13px;font-weight:600;margin:0 0 16px;letter-spacing:0}.studio-editor .library{gap:5px;max-height:420px}.studio-editor .item{background:#111114;border:1px solid transparent;border-radius:6px;padding:11px 9px;color:#c7c7ce;gap:9px;transition:background .15s}.studio-editor .item:hover{background:#202026;transform:none}.studio-editor .item.active{background:#17253c;border-color:#29558c;box-shadow:inset 2px 0 var(--blue);color:#fafafa}.studio-editor .item .number{background:#2a2a31;color:#a5a5af;border-radius:4px;font-size:10px;padding:4px 5px}.studio-editor .item-name{font-size:11px}.studio-editor .state{color:#b8d3fd;font-size:10px}.studio-editor .batch-status{background:#111114;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:18px;font-size:11px}.studio-editor .batch-status b{font-weight:500}.studio-editor .batch-status .download{font-size:10px;padding:8px 10px;min-height:34px}.studio-editor .preview,.studio-editor .preview.is-portrait,.studio-editor .preview.is-landscape,.studio-editor .preview.is-square{height:min(57vh,570px);min-height:340px;border:1px solid var(--line);border-radius:7px;background:#070709}.studio-editor .preview video{background:#070709}.studio-editor .video-stage{max-width:100%;height:100%}.studio-editor .brand-overlay{filter:none}.studio-editor .wait{background:#0a0a0ce8}.studio-editor .spinner{border-color:#383840;border-top-color:var(--blue)}.studio-editor .toolbar{margin-top:13px;gap:8px}.studio-editor .time{font-size:11px;color:#c7c7ce;font-weight:500;font-variant-numeric:tabular-nums}.studio-editor .tiny{font-size:10px;color:var(--muted)}.studio-editor .controls{gap:14px;grid-template-columns:1fr}.studio-editor .controls label{color:#c7c7ce;font-size:11px;font-weight:500}.studio-editor .controls select,.studio-editor .controls input[type=number]{background:#101013;border:1px solid #33333b;color:#fafafa;border-radius:7px;padding:10px 11px;font-size:11px;margin-top:7px}.studio-editor .controls select:focus,.studio-editor .controls input:focus{border-color:#4d93f8;box-shadow:none}.studio-editor .notice{font-size:10px;line-height:1.6;color:var(--muted)}.studio-editor .notice.error{color:#ffafba}.studio-editor .notice.success{color:#b8d3fd}.studio-editor .upload-label{border-color:#45454e;border-radius:7px;background:#101013;padding:11px}.studio-editor .upload-label input{font-size:10px;color:#a5a5af}.studio-editor .mini-outro{max-height:115px;border-radius:6px;background:#070709}.studio-editor .export-box{background:#111114;border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:17px}.studio-editor #export{width:100%;font-size:11px;padding:11px;min-height:40px}.studio-editor #cancel-export{width:100%;margin:9px 0 0!important;min-height:36px}.studio-editor .meter-head{font-size:10px;color:var(--muted);margin-top:14px}.studio-editor .meter{height:4px;background:#2a2a31;border-radius:3px;margin:8px 0}.studio-editor .fill{background:var(--blue)}.studio-editor .download{background:var(--blue);border-radius:7px;font-size:11px;padding:9px 12px;transform:none}.studio-editor .download:hover{background:var(--blue-hover);transform:none}.studio-editor .timeline-panel{margin-top:18px;padding:19px}.studio-editor .timeline-head h2{margin-bottom:5px;font-size:14px}.studio-editor .legend{font-size:10px;color:#a5a5af;gap:18px;margin:17px 0}.studio-editor .swatch{height:7px;width:7px;border-radius:2px}.studio-editor .swatch.source{background:#4d93f8}.studio-editor .swatch.cta{background:#71717b}.studio-editor .swatch.overlay{background:#b8d3fd}.studio-editor .editor-scroll{background:#101013;border:1px solid #33333b;border-radius:8px;scrollbar-color:#45454e #101013}.studio-editor .ruler{border-color:#33333b;color:#a5a5af;height:30px;font-size:10px}.studio-editor .tick{border-color:#45454e}.studio-editor .lane{height:81px}.studio-editor .clip{background:#17355d;border-color:#29558c;color:#fafafa;border-radius:5px;font-size:10px}.studio-editor .clip.selected{outline:2px solid #b8d3fd}.studio-editor .clip.cta{background:#2a2a31;border-color:#575763}.studio-editor .clip b{font-size:10px;font-weight:500}.studio-editor .clip small{font-size:9px}.studio-editor .resize,.studio-editor .clip.cta .resize{background:#a5a5af99;width:7px}.studio-editor .logo-lane,.studio-editor .overlay-lane{border-color:#2a2a31}.studio-editor .logo-block{background:#17253c;border-color:#29558c;color:#b8d3fd;border-radius:5px;font-size:10px;font-weight:500}.studio-editor .logo-block:hover{background:#1d3352}.studio-editor .overlay-range{background:#45454e;border:1px solid #71717b;border-radius:4px}.studio-editor .playhead{background:#fafafa;box-shadow:none}.studio-editor .playhead:before{border-top-color:#fafafa}.studio-editor .hoverhead{background:#a5a5af55;border-left-color:#a5a5af}.studio-editor .hoverclock{background:#33333b;color:#fafafa;font-size:9px}.studio-editor .timeline-actions{gap:7px;margin-top:15px}.studio-editor .timeline-actions .btn{background:#202026;border:1px solid #383840;color:#c7c7ce;padding:8px 11px;font-size:10px;min-height:34px;border-radius:6px}.studio-editor .timeline-actions .btn:hover:not(:disabled){background:#2a2a31}.studio-editor .timeline-actions #split{background:var(--blue);border-color:var(--blue);color:white}.studio-editor .kbd{background:#25252d;border-color:#45454e;color:#c7c7ce}.studio-editor .empty{color:var(--muted)}.editor-advanced{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.editor-advanced>summary{cursor:pointer;font-size:11px;font-weight:500;color:#c7c7ce}.editor-advanced>.controls{margin-top:15px}.editor-advanced .overlay-times{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.studio-home main{margin-right:auto;margin-left:max(226px,calc((100vw - 1250px)/2))}.app-topbar{padding-right:70px}}
@media(max-width:1100px){.app-sidebar{width:192px;padding:26px 12px}.app-sidebar .wordmark{font-size:16px}.app-sidebar .brand-mark{width:30px;height:30px}.app-topbar{margin-left:192px;padding:0 28px}.studio-home main{margin-left:192px;padding:32px 28px}.layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:16px}.card{padding:22px}.page-heading h1{font-size:38px}.render-pill{display:none}.tab{padding:11px 8px;font-size:11px}.studio-editor .workspace{grid-template-columns:180px minmax(0,1fr)}.studio-editor .options{grid-column:1/-1;display:grid;grid-template-columns:1fr 260px;gap:18px}.studio-editor .options>h2{grid-column:1/-1;margin-bottom:0}.studio-editor .options>.controls{grid-template-columns:1fr 1fr;align-items:start}.studio-editor .options .export-box{margin-top:0}.studio-editor .editor-advanced{grid-column:1/-1}.studio-editor .editor-advanced .controls{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.app-sidebar{width:78px;padding:23px 11px}.app-sidebar .brand-link{padding:0 9px 25px}.app-sidebar .brand-link>div,.sidebar-label,.studio-nav a span,.sidebar-bottom{display:none}.studio-nav a{justify-content:center;padding:13px}.app-topbar{margin-left:78px;padding:0 24px}.studio-home main{margin-left:78px;padding:30px 24px}.layout{grid-template-columns:1fr}.workflow-card{display:none}.page-heading h1{font-size:36px}.edit-controls{gap:12px}.asset-kit summary small{display:none}.asset-grid{gap:6px}.asset-card{padding:8px}}
@media(max-width:600px){html{scroll-padding-top:76px}.app-sidebar{position:relative;width:100%;height:auto;padding:17px 18px 0;border-right:0;border-bottom:1px solid var(--line);display:block}.app-sidebar .brand-link{padding:0 0 17px}.app-sidebar .brand-link>div{display:block}.app-sidebar .brand-mark{width:31px;height:31px}.app-sidebar .wordmark{font-size:17px}.app-sidebar .brand-subtitle{font-size:9px}.studio-nav{display:flex;gap:0;justify-content:space-between}.studio-nav a{padding:11px 8px;border-radius:0;gap:6px;font-size:10px;border-bottom:2px solid transparent}.studio-nav a span{display:inline}.studio-nav .icon{width:15px;height:15px}.studio-nav a[aria-current=true]{box-shadow:none;background:transparent;border-bottom-color:var(--blue)}.app-topbar{margin:0;height:49px;padding:0 19px}.breadcrumb{font-size:10px;gap:8px}.topbar-links{font-size:10px;gap:12px}.topbar-links .website-link{display:none}.studio-home main{margin:0;padding:27px 18px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:34px;letter-spacing:-1.2px}.page-heading p{font-size:12px}.eyebrow{font-size:9px;margin-bottom:10px}.corridors{display:none}.journey{gap:23px;margin-bottom:23px}.journey li{font-size:10px;padding-bottom:12px}.journey span{font-size:9px;margin-right:4px}.card{padding:20px 17px}.section-heading{gap:12px;margin-bottom:15px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px}.section-index{font-size:10px}.tabs{gap:0;margin-bottom:20px}.tab{flex:1;justify-content:center;padding:11px 5px;font-size:10px;gap:5px}.tab .icon,.nav-icon svg{width:14px;height:14px}.field-label{font-size:11px}.check{font-size:10px}.drop{padding:20px 12px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-kit{margin-top:14px}.edit-controls{grid-template-columns:1fr;gap:14px}.edit-controls label{font-size:11px}.montage-actions .btn{width:100%}.montage-tip{font-size:10px}.library-section{margin-top:28px}.library-section h2{font-size:20px}.job{padding:17px 14px}.jhead{gap:8px}.jtitle{font-size:11px}.badge{font-size:9px;padding:4px 6px}.result-actions .btn,.result-actions .download{padding:9px 10px;font-size:10px}.post-layout{grid-template-columns:1fr}.post-video{display:flex;flex-direction:column;align-items:flex-start}.post-video video{max-width:140px!important;max-height:230px!important}.drawer-hint{font-size:0}.drawer-chevron{font-size:14px}.completed-drawer summary{padding:15px 13px;font-size:11px}.drawer-body{padding:0 10px 10px}.studio-footer{font-size:9px;margin-top:28px}.studio-editor main{padding:0 14px 24px}.studio-editor header{margin:0 -14px;padding:0 14px;height:68px}.studio-editor header .brand-subtitle{display:none}.studio-editor header .brand-mark{width:29px;height:29px}.studio-editor header .wordmark{font-size:16px}.studio-editor header .back{font-size:10px;padding:8px 9px}.studio-editor .headline{margin:23px 0 18px;gap:12px}.studio-editor .headline h1{font-size:25px}.studio-editor .headline p{font-size:11px}.studio-editor .workspace{grid-template-columns:1fr}.studio-editor .library{max-height:150px}.studio-editor .panel{padding:16px}.studio-editor .preview,.studio-editor .preview.is-portrait{height:440px;min-height:290px}.studio-editor .preview.is-landscape,.studio-editor .preview.is-square{height:320px;min-height:260px}.studio-editor .options{display:block}.studio-editor .options>h2{margin-bottom:15px}.studio-editor .options>.controls,.studio-editor .editor-advanced .controls{grid-template-columns:1fr}.studio-editor .options .export-box{margin-top:17px}.studio-editor .timeline-content{min-width:680px}.studio-editor .timeline-actions .btn{flex:initial;font-size:10px}.studio-editor .timeline-head>.time{margin-left:auto}.studio-editor .status-line{font-size:10px}.studio-editor .editor-scroll{overscroll-behavior-x:contain}.studio-editor .legend{gap:12px}.studio-editor .toolbar .tiny{font-size:9px}.studio-editor .timeline-head .tiny{max-width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.source-picker{display:block;font-size:11px;color:#c7c7ce;margin:0 0 19px;font-weight:500}.source-picker select{display:block;width:100%;padding:12px 14px;margin-top:9px;border:1px solid #33333b;border-radius:8px;background:#101013;color:#fafafa;font-size:12px}.source-picker select:disabled{color:#a5a5af;opacity:1}
