/* Reconstructed V78 native UI components. Approved screenshot is a QA-only reference, never a UI background. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #536372;background:linear-gradient(#243748,#172838);color:#f4f5f8;min-height:28px;padding:5px 10px;font-size:11px;font-weight:bold;white-space:nowrap}.btn-primary{background:linear-gradient(180deg,#ffed09,#ffc400);color:#161710;border-color:#b89a1b;box-shadow:0 0 8px #f7dc397a}.btn-outline{background:#111b27;color:#f1f4f9}.icon-button{width:29px;height:27px;border:1px solid #556979;background:#111e2b;display:inline-grid;place-items:center}.icon-button.thin{background:transparent;border:0;width:25px}.icon-button.segmented{width:24px;height:25px}.segmented.active,.icon-button.selected{background:#344758;color:#ffe100}.mini-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#1b2b39;border:1px solid #566676;padding:3px 7px;min-height:22px;font-size:10px}.small-pill,.small-select{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 7px;background:#13202e;border:1px solid #5b6e7b;white-space:nowrap;font-size:10px;min-height:23px}.small-pill.selected,.yellow-outline{border-color:#ffe100!important;box-shadow:0 0 5px #ffd0008c;color:#ffe000}.violet-outline{border-color:#b862f4;color:#ecc6ff}.crown,.chev-yellow{color:var(--gold)}.media-full{display:flex;flex-direction:column;min-height:0;flex:1}.media-tab-strip{height:36px;display:flex;gap:3px;background:#101d2d;border:1px solid #26394f;border-radius:6px;padding:3px;margin-bottom:6px}.tab{flex:1;border:0;background:transparent;color:#d0dae4;border-radius:5px;font-size:11px}.tab.active{color:#151407;font-weight:bold;background:linear-gradient(#fff600,#ffc900)}.media-actions{display:flex;gap:7px;margin-bottom:7px}.media-actions .btn:first-child{flex:1}.media-actions .btn:last-child{flex:1}.media-search-line{display:flex;gap:3px;align-items:center;margin-bottom:6px}.media-search{flex:1;min-width:0;height:28px;border:1px solid #526677;border-radius:6px;background:#081320;display:flex;gap:5px;align-items:center;padding:4px 7px}.media-search input{background:transparent;border:0;color:#e9f0f4;width:100%;font-size:10px;outline:0}.media-search i{width:14px;height:14px}.media-content{display:grid;grid-template-columns:43% 57%;flex:1;min-height:0;gap:3px}.media-folders{border:1px solid #26384a;background:#101c2a;padding:4px;border-radius:6px;display:flex;flex-direction:column;overflow:auto}.folder-heading{font-size:11px;font-weight:700;margin:5px 2px 8px}.folder-item{border:1px solid transparent;background:transparent;color:#dce4ee;text-align:left;display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;padding:5px 2px;border-radius:4px;min-height:23px}.folder-item i{width:14px;height:14px}.folder-item.nested{padding-left:12px}.folder-item.active{border-color:#e4b900;background:#3f3409;color:white}.folder-item.active i{color:#ffe600}.folder-item:hover{background:#263b50}.storage{margin-top:auto;padding:7px 2px 0;font-size:10px}.storage-meter{height:7px;border-radius:10px;background:#283848;margin:5px 0;overflow:hidden}.storage-meter span{display:block;background:#31d87f;width:20%;height:100%}.storage small{font-size:9px;color:#b4c0c8}.asset-browser{display:flex;flex-direction:column;min-height:0;padding:2px}.asset-filters{display:flex;gap:3px;padding:2px 1px 7px}.chip{background:#2b3947;color:#eff3f7;border:1px solid transparent;padding:3px 6px;border-radius:11px;font-size:9px}.chip.active{background:#ffd900;color:#211a00;font-weight:bold}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:auto;align-content:start}.asset-grid.list{grid-template-columns:1fr}.asset-card{background:#142436;border:1px solid #324657;border-radius:6px;overflow:hidden;min-width:0;padding:2px;text-align:left;position:relative}.asset-card.selected{border-color:#ffe000;box-shadow:0 0 5px #fce200}.asset-card img{width:100%;height:59px;object-fit:cover;border-radius:4px}.asset-card small{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:9px;color:#e7edf2}.asset-card .duration{position:absolute;top:4px;right:4px;background:#050c12bc;padding:1px 3px;color:white;font-size:9px}.asset-card .selection-mark{position:absolute;bottom:21px;right:3px;color:#1cde64;background:#101b1b;border:1px solid #00c75b;font-size:10px;border-radius:3px}.asset-card .asset-type{position:absolute;left:5px;top:5px;color:white;background:#152536dd;font-size:9px}.asset-empty{padding:18px 6px;font-size:11px;color:#a7b4c5;grid-column:1/-1}.media-category-view{display:flex;flex-direction:column;gap:10px;padding:8px;flex:1;overflow:auto}.category-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.category-title h2{font-size:15px;margin:0}.category-title small{font-size:9px;color:#9fabb8}.category-tools{display:flex;gap:8px;flex-wrap:wrap}.category-tools button{background:#192b3c;border:1px solid #536579;border-radius:5px;color:#e1eaf2;padding:7px;font-size:11px}.category-tools button.primary{background:#ffd700;color:#1b1b13}.category-items{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-info{color:#b3c2cf;font-size:11px;line-height:1.5;grid-column:1/-1}.category-items .asset-card{min-height:75px}.player-heading{height:33px;display:flex;align-items:center;gap:5px;padding:4px 6px;border-bottom:1px solid #213a50}.player-heading>span:first-child{white-space:nowrap;font-weight:bold;font-size:12px}.player-heading .heading-flex{flex:1}.player-heading .ratio-select{max-width:172px;font-size:9px}.preview-area{position:relative;flex:1;min-height:100px;background:#050a14;display:grid;place-items:center;overflow:hidden}.preview-canvas{position:relative;height:97%;max-width:98%;aspect-ratio:9/16;background:#01040c;border:1px solid #253c4f;box-shadow:0 0 18px #050b11}.preview-canvas img,.preview-canvas video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.preview-canvas video{display:none}.preview-canvas.has-real-video img{display:none}.preview-canvas.has-real-video video{display:block}.preview-label{position:absolute;bottom:4px;right:8px;font-size:9px;color:#c7d7e1;background:#101d2acf;border-radius:4px;padding:2px 5px}.safe-area{position:absolute;inset:7%;border:1px solid #f5c34370;pointer-events:none;display:none}.safe-area.visible{display:block}.preview-text{position:absolute;z-index:3;top:55%;color:white;font-size:18px;text-shadow:1px 2px 3px black;text-align:center;width:100%}.player-controls{height:41px;background:#0a1623;border-top:1px solid #314457;display:flex;gap:3px;align-items:center;justify-content:space-around;padding:3px 7px}.time-code{display:flex;gap:4px;color:#d2dfe7;white-space:nowrap;font-size:10px}.time-code strong{color:#ffe000}.transport{display:flex;align-items:center;gap:3px}.play-button{width:29px;height:28px;background:#ffd800;border:1px solid #a78b09;color:#131416;border-radius:6px;display:grid;place-items:center}.play-button i{width:19px;height:19px}.volume-range{max-width:65px}.gold-range{accent-color:#ffe100;cursor:pointer}.inspector-tabs{display:flex;gap:2px;padding-bottom:7px;border-bottom:1px solid #314455}.inspector-tab{flex:1;padding:6px 1px;border:0;border-radius:5px;font-size:10px;background:transparent;white-space:nowrap}.inspector-tab.active{background:#f4cf00;color:#241b0a;font-weight:700}.inspector-body{overflow:auto;flex:1}.inspector-section-title{display:flex;gap:6px;align-items:center;margin:4px 0 8px;font-size:11px}.inspector-section-title i{color:#f5d400}.inspector-section-title .mini-button{margin-left:auto}.property-line{display:flex;align-items:center;gap:6px;font-size:10px;min-height:29px}.property-line>label:first-child{width:64px;flex-shrink:0}.property-line input[type=range]{flex:1;min-width:30px}.property-line output{width:58px;border:1px solid #5d6875;background:#1c2939;border-radius:4px;text-align:center;padding:4px 1px;font-size:10px}.property-line input[type=number]{background:#1b2b39;border:1px solid #516171;border-radius:4px;color:white;width:60px;padding:4px 2px;text-align:center}.property-line .xy{display:flex;gap:4px;justify-content:flex-end;flex:1}.property-line .xy label{display:flex;gap:4px;align-items:center}.property-line .xy input{width:54px}.link-lock{border:0;background:transparent;color:#ffdf00;padding:0}.flip-line .mini-button{flex:1}.inspector-accordions{margin-top:7px}.accordion{height:27px;width:100%;display:flex;align-items:center;gap:6px;background:#0b1824;border:0;border-top:1px solid #344a60;color:#f2f4f7;font-size:10px;font-weight:600;text-align:left}.accordion i:first-child{color:#fbd600}.accordion i:last-child{margin-left:auto}.inspector-extra{border:1px solid #37516a;background:#142439;padding:9px;font-size:11px;line-height:1.55;border-radius:6px;margin:5px 0}.status-pill button{border:0}.tool-icon{height:26px;min-width:25px;border:1px solid transparent;background:transparent;display:grid;place-items:center}.tool-icon.selected{border-color:#ffe100;color:#ffe100;background:#5b4909}.tool-icon i{width:16px;height:16px}.tool-pill{height:27px;display:inline-flex;align-items:center;gap:5px;background:#132334;border:1px solid #55697c;padding:4px 7px;font-size:10px;white-space:nowrap}.tool-pill.selected{color:#ffe000;border-color:#ffe000}.tool-divider{height:24px;border-left:1px solid #536072;margin:0 3px}.zoom-tools .gold-range{width:90px}.studio-dialog{border:1px solid #e4c41c;border-radius:11px;background:#101b28;color:white;max-width:min(500px,92vw);min-width:330px;padding:0;box-shadow:0 24px 80px #000e}.studio-dialog::backdrop{background:#000a}.studio-dialog form{margin:0}.dialog-title{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #526071}.dialog-title h2{font-size:17px;margin:0}.close-dialog{border:0;background:#20334c;font-size:21px}.dialog-body{padding:16px;font-size:12px;line-height:1.65}.dialog-body code{color:#f2d645}.dialog-footer{display:flex;justify-content:end;padding:10px;border-top:1px solid #34526a}.toast-stack{position:fixed;bottom:25px;right:22px;z-index:100;display:flex;flex-direction:column;gap:7px;max-width:340px}.toast{border:1px solid #bead40;border-radius:7px;background:#111e2c;color:#eff5f7;padding:10px 13px;font-size:12px;box-shadow:0 7px 35px #000a}.toast.warn{border-color:#bf7446}.toast.good{border-color:#4ab984}