@font-face{font-family:Craftwork Sans;src:url(/fonts/CraftworkSans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Craftwork Sans;src:url(/fonts/CraftworkSans-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Craftwork Sans;src:url(/fonts/CraftworkSans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Craftwork Grotesk;src:url(/fonts/CraftworkGrotesk-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Craftwork Grotesk;src:url(/fonts/CraftworkGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Craftwork Grotesk;src:url(/fonts/CraftworkGrotesk-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Craftwork Grotesk;src:url(/fonts/CraftworkGrotesk-Heavy.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:"Glina Script em.";src:url(/fonts/GlinaScriptEm.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bg-primary: #FFFFFF;--bg-secondary: #F4F6FA;--bg-secondary-hover: #E9EDF5;--text-primary: #161F6A;--text-on-color: #FFFFFF;--text-warning: #F11B46;--text-muted: #6E7390;--text-faint: #9CA1B8;--stroke-primary: #E9EDF5;--stroke-hover: #2856F6;--brand-primary: #2856F6;--c-banners: #AB68FC;--c-ooh: #FE6733;--c-3d: #A9E301;--c-2d: #F11B71;--c-keyvisuals: #00B2FE;--c-landings: #6928F7;--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-20: 20px;--r-24: 24px;--r-32: 32px;--s4: 4px;--s8: 8px;--s12: 12px;--s16: 16px;--s20: 20px;--s24: 24px;--s32: 32px;--s40: 40px;--s48: 48px;--s64: 64px;--s96: 96px;--font-display: "Craftwork Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui: "Craftwork Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-accent: "Glina Script em.", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.45;color:var(--text-primary);background:var(--bg-primary);overflow:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 1px 1px,rgba(22,31,106,.025) 1px,transparent 0);background-size:4px 4px}#root{height:100vh}a{color:inherit;text-decoration:none}::selection{background:var(--text-primary);color:#fff}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.t-display-1{font-family:var(--font-display);font-weight:800;font-size:96px;line-height:.95;letter-spacing:-.04em}.t-display-2{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.02em}.t-display-3{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.2;letter-spacing:-.01em}.t-body{font-family:var(--font-ui);font-weight:500;font-size:14px;line-height:1.45}.t-body-strong{font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1.45}.t-micro{font-family:var(--font-ui);font-weight:600;font-size:11px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.t-accent{font-family:var(--font-accent);font-weight:400;color:var(--brand-primary)}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:var(--s8);padding:10px var(--s16);border:0;border-radius:var(--r-12);background:var(--bg-secondary);color:var(--text-primary);font:600 13px/1 var(--font-ui);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .1s ease}.btn:hover:not(:disabled){background:var(--bg-secondary-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--text-primary);color:var(--text-on-color);padding:12px var(--s24);font-size:14px}.btn--primary:hover:not(:disabled){background:#0f1457}.btn--ghost{background:transparent}.btn--ghost:hover:not(:disabled){background:var(--bg-secondary)}.btn--icon{width:36px;height:36px;padding:0;justify-content:center}.btn--small{padding:8px var(--s12);font-size:12px;border-radius:var(--r-8)}.btn--cta{font-family:var(--font-accent);font-weight:400;font-size:22px;line-height:1;letter-spacing:0;padding:12px var(--s24) 14px;color:var(--text-primary);background:transparent}.btn--cta:hover:not(:disabled){background:var(--bg-secondary)}.btn--cta.btn--primary{background:var(--text-primary);color:#fff;padding:12px var(--s24) 14px}.btn--cta-compact{height:36px;padding:0 var(--s12);display:inline-flex;align-items:center;gap:6px;font-size:20px;line-height:0}.btn--cta-compact .icon{flex-shrink:0}.btn--cta.btn--primary:hover:not(:disabled){background:#0f1457}.btn--cta .icon{color:currentColor}.page{display:flex;flex-direction:column;height:100vh}.page-head{display:flex;align-items:center;gap:var(--s16);padding:var(--s16) var(--s24);background:var(--bg-primary);flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:10px}.brand__mark{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--text-primary);color:#fff;border-radius:var(--r-8)}.brand__mark .icon{color:#fff}.brand__name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em}.page-main{flex:1;overflow-y:auto;padding:var(--s48) var(--s48) var(--s64)}.archive{max-width:1376px;margin:0 auto}.archive-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s32);margin-bottom:var(--s48);padding-bottom:var(--s32);border-bottom:1px solid var(--stroke-primary)}.archive-hero__title{font-family:var(--font-display);font-weight:800;font-size:96px;line-height:.95;letter-spacing:-.04em;margin:0;color:var(--text-primary)}.archive-hero__sub{margin-top:var(--s16);font-family:var(--font-accent);font-weight:400;font-size:32px;line-height:1;color:var(--brand-primary);display:inline-block}.archive-hero__count{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.archive-hero__count b{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1;letter-spacing:-.03em;color:var(--text-primary)}.archive-hero__count span{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.archive-services{display:flex;gap:var(--s8);flex-wrap:wrap;margin-bottom:var(--s40)}.svc-chip{display:inline-flex;align-items:center;gap:var(--s8);padding:6px 12px 6px 10px;background:var(--bg-secondary);border-radius:999px;font:600 12px/1 var(--font-ui);color:var(--text-primary)}.svc-chip__dot{width:8px;height:8px;border-radius:50%}.svc-chip__n{color:var(--text-muted);font-weight:500}.proj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s24)}.proj-card[data-span="2"]{grid-column:span 2}.proj-card[data-span="3"]{grid-column:span 3}.proj-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:var(--s24);background:var(--bg-secondary);border-radius:var(--r-20);text-decoration:none;color:var(--text-primary);overflow:hidden;transition:background .16s ease;cursor:pointer}.proj-card:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:4px;background:var(--brand-primary);transition:right .32s cubic-bezier(.2,.8,.2,1)}.proj-card:hover:after{right:0}.proj-card:hover{background:var(--bg-secondary-hover);text-decoration:none}.proj-card[data-svc=banners]:after{background:var(--c-banners)}.proj-card[data-svc=ooh]:after{background:var(--c-ooh)}.proj-card[data-svc=keyvisuals]:after{background:var(--c-keyvisuals)}.proj-card[data-svc=landings]:after{background:var(--c-landings)}.proj-card[data-svc="2d"]:after{background:var(--c-2d)}.proj-card[data-svc="3d"]:after{background:var(--c-3d)}.proj-card__svc{display:inline-flex;align-items:center;gap:6px;font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s24)}.proj-card__svc i{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--text-faint)}.proj-card[data-svc=banners] .proj-card__svc i{background:var(--c-banners)}.proj-card[data-svc=ooh] .proj-card__svc i{background:var(--c-ooh)}.proj-card[data-svc=keyvisuals] .proj-card__svc i{background:var(--c-keyvisuals)}.proj-card[data-svc=landings] .proj-card__svc i{background:var(--c-landings)}.proj-card[data-svc="2d"] .proj-card__svc i{background:var(--c-2d)}.proj-card[data-svc="3d"] .proj-card__svc i{background:var(--c-3d)}.proj-card__name{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.02em;word-break:break-word;margin-bottom:var(--s24)}.proj-card__foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted)}.proj-card__date b{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--text-primary);margin-right:4px}.proj-card__date span{color:var(--text-muted)}.proj-card__del{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-faint);border-radius:var(--r-8);opacity:.45;cursor:pointer;transition:all .14s ease}.proj-card:hover .proj-card__del{opacity:1}.proj-card__del:hover{background:var(--text-warning);color:#fff;opacity:1}.proj-card--new{background:transparent;border:2px dashed var(--stroke-primary);align-items:center;justify-content:center;text-align:center;gap:var(--s16);color:var(--text-muted);transition:border-color .16s ease,color .16s ease,background .16s ease}.proj-card--new:after{display:none}.proj-card--new:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#2856f60a}.proj-card--new__plus{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid currentColor;font:400 28px/1 var(--font-display)}.proj-card--new__label{font-family:var(--font-accent);font-weight:400;font-size:26px;line-height:1;color:inherit}.empty{text-align:center;padding:var(--s64) 0;max-width:480px;margin:0 auto}.empty__display{font-family:var(--font-display);font-weight:800;font-size:96px;line-height:1;letter-spacing:-.04em;color:var(--text-faint);margin-bottom:var(--s24)}.empty__text{font-size:14px;color:var(--text-muted);line-height:1.5;margin-bottom:var(--s24)}.proj-head{display:flex;flex-direction:column;border-bottom:1px solid var(--stroke-primary);background:var(--bg-primary);flex-shrink:0}.proj-head__row1{display:flex;align-items:center;gap:var(--s16);padding:var(--s16) var(--s24)}.proj-head__back{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--r-8);cursor:pointer;transition:background .14s ease,color .14s ease}.proj-head__back:hover{background:var(--text-primary);color:#fff;text-decoration:none}.proj-head__name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.015em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-head__svc{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg-secondary);border-radius:999px;font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.proj-head__svc i{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.proj-head__preload{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-radius:999px;font:500 11px/1 var(--font-ui);color:var(--text-muted);font-feature-settings:"tnum" 1}.archive-preload{display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--s24);padding:8px 14px;background:var(--bg-secondary);border-radius:999px;font:500 12px/1 var(--font-ui);color:var(--text-muted);font-feature-settings:"tnum" 1}.archive-preload__icon{color:var(--brand-primary);display:inline-flex}.archive-preload__text b{color:var(--text-primary);font-weight:600}.archive-preload__queue{color:var(--text-faint);font-size:11px;padding-left:8px;border-left:1px solid var(--stroke-primary)}.proj-head__preload .icon{color:var(--brand-primary)}.proj-head__preload .spin{animation:spin-icon 1s linear infinite;display:inline-block}@keyframes spin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.proj-head__actions{display:flex;align-items:center;gap:var(--s8);margin-left:auto}.proj-head__row2{display:flex;align-items:center;gap:6px;padding:10px var(--s24);border-top:1px solid var(--stroke-primary);background:var(--bg-secondary);font-size:13px;color:var(--text-muted);overflow:hidden}.proj-head__row2 button{background:none;border:0;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--r-8);font:500 13px/1.2 var(--font-ui);transition:background .1s ease,color .1s ease}.proj-head__row2 button:hover{background:var(--bg-primary);color:var(--text-primary)}.proj-head__row2 button.is-current{color:var(--text-primary);font-weight:600}.proj-head__row2 .sep{color:var(--text-faint)}.proj-layout{flex:1;display:grid;grid-template-columns:240px 1fr 280px;overflow:hidden;min-height:0}@media(min-width:1600px){.proj-layout{grid-template-columns:280px 1fr 320px}}.proj-nav{background:var(--bg-secondary);border-right:1px solid var(--stroke-primary);overflow-y:auto;padding:var(--s24) var(--s8) var(--s24)}.proj-nav__heading{padding:0 var(--s16) var(--s16);font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);display:flex;justify-content:space-between}.tree-loading{padding:var(--s16);color:var(--text-muted);font-size:12px;text-align:center}.tree-loading-inline{padding:4px 0;color:var(--text-faint);font-size:11px}.tree-row{position:relative;display:flex;align-items:center;gap:6px;padding:6px var(--s16);border-radius:var(--r-8);font-size:13px;color:var(--text-primary);cursor:default;user-select:none;white-space:nowrap;transition:background .1s ease}.tree-row+.tree-row{margin-top:1px}.tree-row:hover{background:var(--bg-secondary-hover)}.tree-row--current{font-weight:600}.tree-row--current:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--brand-primary);border-radius:2px}.tree-row--current .tree-icon{color:var(--brand-primary)}.tree-toggle{background:none;border:0;padding:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:transform .14s ease}.tree-toggle:hover{color:var(--text-primary)}.tree-toggle--open{transform:rotate(90deg)}.tree-toggle--spacer{cursor:default}.tree-icon{color:var(--text-muted);flex-shrink:0}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:500}.tree-row--file{cursor:pointer}.tree-row--file .tree-name{font-weight:400;color:var(--text-primary)}.tree-row__action{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:6px;color:var(--text-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,border-color .12s ease,background .12s ease}.tree-row:hover .tree-row__action,.tree-row__action:focus-visible{opacity:1;pointer-events:auto}.tree-row__action:hover:not(:disabled){color:var(--brand-primary);border-color:var(--brand-primary)}.tree-row__action:disabled{cursor:default;opacity:1;pointer-events:auto}.tree-row__action .spin{animation:spin-icon 1s linear infinite;display:inline-block}.tree__viewmode{display:inline-flex;gap:4px;padding:6px var(--s16);margin-bottom:4px}.tree__viewmode-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--r-8);color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.tree__viewmode-btn:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.tree__viewmode-btn.is-active{color:var(--brand-primary, #161f6a);border-color:#161f6a2e;background:#161f6a0f}.tree-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:4px var(--s16) var(--s16)}.tree-tiles--empty{padding:var(--s16);color:var(--text-muted);font-size:12px;text-align:center}.tree-tile{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;background:var(--bg-secondary, transparent);border:1px solid rgba(0,0,0,.06);border-radius:var(--r-8);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background .12s ease,border-color .12s ease,transform .1s ease;min-width:0}.tree-tile:hover{border-color:#161f6a40;background:var(--bg-secondary-hover)}.tree-tile:active{transform:translateY(1px)}.tree-tile--selected{border-color:var(--brand-primary, #161f6a);background:#161f6a0f}.tree-tile{position:relative}.tree-tile__action{position:absolute;right:6px;top:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:6px;color:var(--text-muted);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.tree-tile:hover .tree-tile__action,.tree-tile__action:focus-visible{opacity:1;pointer-events:auto}.tree-tile__action:hover:not(:disabled){color:var(--brand-primary);border-color:var(--brand-primary)}.tree-tile__action:disabled{cursor:default;opacity:1;pointer-events:auto}.tree-tile__action .spin{animation:spin-icon 1s linear infinite;display:inline-block}.tree-tile__visual{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:var(--bg-primary, #fff);border-radius:var(--r-4, 4px);overflow:hidden;color:var(--text-muted)}.tree-tile__visual img{width:100%;height:100%;object-fit:cover;display:block}.tree-tile__name{font-size:11px;line-height:1.3;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-main{background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:var(--s16);padding:var(--s16) var(--s24);border-bottom:1px solid var(--stroke-primary)}.search-wrap{position:relative;width:320px}.search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.search{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:0;padding:10px var(--s16) 10px 36px;border-radius:var(--r-8);font:500 13px/1.4 var(--font-ui)}.search::placeholder{color:var(--text-faint)}.search:focus{outline:2px solid var(--brand-primary);outline-offset:-2px;background:var(--bg-primary)}.view-switch{display:inline-flex;background:var(--bg-secondary);border-radius:var(--r-8);padding:2px;margin-left:auto}.view-switch button{padding:7px 12px;background:transparent;border:0;cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);transition:all .14s ease}.view-switch button.is-active{background:var(--bg-primary);color:var(--text-primary)}.view-switch button:not(.is-active):hover{color:var(--text-primary)}.toolbar__count{font:600 11px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.tiles{flex:1;overflow-y:auto;padding:var(--s24);display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s16);align-content:start}.tile{position:relative;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:var(--r-12);cursor:pointer;overflow:hidden;transition:border-color .16s ease,background .16s ease;display:flex;flex-direction:column}.tile:hover{border-color:var(--text-primary)}.tile--selected{background:#2856f60f;border-color:var(--brand-primary)}.tile[data-kind=image]{--tile-color: var(--c-keyvisuals)}.tile[data-kind=video]{--tile-color: var(--c-2d)}.tile[data-kind=pdf]{--tile-color: var(--c-ooh)}.tile[data-kind=audio]{--tile-color: var(--c-banners)}.tile[data-kind=heavy]{--tile-color: var(--c-3d)}.tile[data-kind=archive]{--tile-color: var(--c-landings)}.tile[data-kind=html-bundle-zip]{--tile-color: var(--brand-primary)}.tile[data-kind=other]{--tile-color: var(--text-faint)}.tile[data-kind=folder]{--tile-color: var(--text-primary)}.tile__visual{aspect-ratio:1 / 1;background:var(--tile-color);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tile__visual img{width:100%;height:100%;object-fit:cover}.tile__letter{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.04em;color:#fff}.tile__visual--folder{background:var(--text-primary);color:#fff}.tile__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.tile__name{font:600 13px/1.3 var(--font-ui);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font:600 10px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.tile__kind{color:#fff;background:var(--tile-color);padding:4px 8px;border-radius:999px}.tile--selected:after{content:"";position:absolute;top:-1px;right:-1px;width:20px;height:20px;background:var(--brand-primary);clip-path:polygon(100% 0,0 0,100% 100%);border-radius:0 var(--r-12) 0 0}.list{flex:1;overflow-y:auto}.list__head,.list__row{display:grid;grid-template-columns:1fr 80px 100px 120px;align-items:center;gap:var(--s16);padding:12px var(--s24);font-size:13px}.list__head{background:var(--bg-secondary);color:var(--text-muted);font-weight:600;font-size:12px;border-bottom:1px solid var(--stroke-primary);position:sticky;top:0}.list__row{cursor:pointer;border-bottom:1px solid var(--stroke-primary);transition:background .1s ease}.list__row:hover{background:var(--bg-secondary)}.list__row--selected{background:#2856f60f;box-shadow:inset 2px 0 0 var(--brand-primary)}.list__name{display:flex;align-items:center;gap:var(--s12);overflow:hidden}.list__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.proj-info{background:var(--bg-secondary);border-left:1px solid var(--stroke-primary);overflow-y:auto;padding:var(--s32) var(--s24) var(--s24)}.info-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:var(--s24)}.info-chip i{width:6px;height:6px;background:#fff;border-radius:50%}.info-name{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.015em;margin:0 0 var(--s32);word-break:break-word}.info-group{margin-bottom:var(--s32)}.info-group__label{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s16)}.info-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13px}.info-row span{color:var(--text-muted)}.info-row b{font-weight:600;max-width:60%;text-align:right;word-break:break-word}.info-row--file{align-items:center;gap:8px}.info-row--file .info-row__file-name{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);min-width:0;flex:1}.info-row--file .info-row__file-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row--file .icon{color:var(--text-muted);flex-shrink:0}.info-row--file b{font-variant-numeric:tabular-nums;flex-shrink:0}.info-row__file-name--link{text-decoration:none;color:inherit;cursor:pointer;border-radius:var(--r-4, 4px);transition:color .12s ease}.info-row__file-name--link:hover,.info-row__file-name--link:hover .icon{color:var(--brand-primary, #161f6a)}.info-row__file-name--link:focus-visible{outline:2px solid var(--brand-primary, #161f6a);outline-offset:2px}.info-big{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:.95;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--s8)}.info-actions{display:flex;gap:var(--s8);margin-top:var(--s32);padding-top:var(--s24);border-top:1px solid var(--stroke-primary)}.info-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);padding:var(--s64) var(--s16)}.info-empty__text{font-size:13px;max-width:220px}.modal{position:fixed;inset:0;background:#161f6a80;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s16);animation:modalFade .16s ease}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal__inner{background:var(--bg-primary);border-radius:var(--r-20);width:100%;max-width:480px;animation:modalRise .24s cubic-bezier(.2,.8,.2,1)}@keyframes modalRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--s20) var(--s24);border-bottom:1px solid var(--stroke-primary)}.modal__head-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em}.modal__close{background:none;border:0;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-8);transition:background .12s ease,color .12s ease}.modal__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal__body{padding:var(--s24)}.modal__actions{display:flex;gap:var(--s8);justify-content:flex-end;margin-top:var(--s24)}.field{margin-bottom:var(--s16)}.field:last-child{margin-bottom:0}.field__label{display:block;font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s8)}.field__label small{font-weight:500;opacity:.7;margin-left:var(--s4);text-transform:none;letter-spacing:0}.field__input{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:2px solid transparent;padding:12px var(--s16);border-radius:var(--r-12);font:500 14px/1.4 var(--font-ui);transition:border-color .16s ease,background .16s ease}.field__input::placeholder{color:var(--text-faint)}.field__input:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-primary)}.hint{margin-top:var(--s12);font-size:13px;color:var(--text-muted)}.hint--error{color:var(--text-warning)}.hint code{background:var(--bg-secondary);padding:1px 6px;border-radius:var(--r-8);font-family:ui-monospace,monospace;font-size:12px}.resolved{margin-top:var(--s16);padding:var(--s16) var(--s20);background:var(--bg-secondary);border-radius:var(--r-12)}.resolved__row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s8) 0;font-size:13px}.resolved__row+.resolved__row{border-top:1px solid var(--stroke-primary)}.resolved__row span{color:var(--text-muted);font-size:12px}.resolved__row b{font-weight:600;max-width:60%;text-align:right;word-break:break-word}.resolved__row code{font-family:ui-monospace,monospace;font-size:12px;color:var(--brand-primary)}.resolved__edit{display:inline-block;margin-top:var(--s12);background:none;border:0;padding:0;font:500 12px/1 var(--font-ui);color:var(--text-muted);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.resolved__edit:hover{color:var(--text-primary)}.tabbed-preview{display:flex;flex-direction:column;height:100%;overflow:hidden}.tabs{display:flex;align-items:stretch;gap:2px;padding:var(--s8) var(--s16) 0;background:var(--bg-primary);border-bottom:1px solid var(--stroke-primary);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;flex-shrink:0}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{background:var(--stroke-primary);border-radius:3px}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px var(--s16);background:transparent;border:0;border-radius:var(--r-8) var(--r-8) 0 0;cursor:pointer;font:600 12px/1 var(--font-ui);color:var(--text-muted);white-space:nowrap;position:relative;transition:color .12s ease,background .12s ease;flex-shrink:0}.tab__icon{color:var(--text-faint);flex-shrink:0}.tab__label{font-feature-settings:"tnum" 1}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab:hover .tab__icon{color:var(--text-muted)}.tab.is-active{color:var(--text-primary);background:var(--bg-secondary)}.tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand-primary);border-radius:2px 2px 0 0}.tab.is-active .tab__icon{color:var(--brand-primary)}.tabbed-preview__stage{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;min-height:0}.tabbed-preview__stage>.file-instance{flex:1;display:flex;flex-direction:column;min-height:0}.tabbed-preview__stage>.banner-preview,.tabbed-preview__stage>.video-preview,.tabbed-preview__stage>.image-preview,.tabbed-preview__stage>.pdf-preview,.tabbed-preview__stage>.audio-preview,.tabbed-preview__stage>.heavy-preview,.tabbed-preview__stage>.file-preview__loading,.tabbed-preview__stage>.file-preview__error,.tabbed-preview__stage>.banner-preview__loading,.tabbed-preview__stage .file-instance>.banner-preview,.tabbed-preview__stage .file-instance>.video-preview,.tabbed-preview__stage .file-instance>.image-preview,.tabbed-preview__stage .file-instance>.pdf-preview,.tabbed-preview__stage .file-instance>.audio-preview,.tabbed-preview__stage .file-instance>.heavy-preview,.tabbed-preview__stage .file-instance>.file-preview__loading,.tabbed-preview__stage .file-instance>.file-preview__error,.tabbed-preview__stage .file-instance>.banner-preview__loading{flex:1;display:flex;flex-direction:column;min-height:0}.banner-preview__stage,.video-preview__stage,.image-preview__stage,.pdf-preview__stage{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:auto;min-height:0;padding:0}.video-preview__stage{background:#0a0a0a}.image-preview__stage{background:var(--bg-primary)}.banner-preview__frame{position:relative}.banner-preview__frame.is-scrub:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #0003;z-index:10}.banner-preview__iframe{border:0;display:block;background:#fff}.video-preview__el{display:block;max-width:100%;max-height:100%;background:#000}.image-preview__el{display:block;max-width:100%;max-height:100%}.image-preview__el.is-zoomed{cursor:zoom-out;transform:scale(1.5);transition:transform .2s ease}.pdf-preview__el{width:100%;height:100%;border:0;background:#fff}.banner-preview__static{display:block;max-width:100%;max-height:100%}.tabbed-preview__stage .file-preview__loading,.tabbed-preview__stage .banner-preview__loading,.tabbed-preview__stage .file-preview__error,.tabbed-preview__stage .banner-preview__error{align-items:center;justify-content:center;color:var(--text-muted);padding:var(--s48)}.banner-preview{position:relative}.banner-preview__mode-toggle{display:none}.banner-preview__toggle-btn{padding:6px 12px;background:transparent;border:0;cursor:pointer;border-radius:6px;font:600 11px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);transition:all .14s ease}.banner-preview__toggle-btn.is-active{background:var(--text-primary);color:#fff}.banner-preview__toggle-btn:not(.is-active):hover{color:var(--text-primary)}.tabbed-preview__stage .heavy-preview,.tabbed-preview__stage .audio-preview{background:var(--bg-primary);align-items:center;justify-content:center;padding:var(--s48) var(--s32)}.tabbed-preview__stage .heavy-preview__name{color:var(--text-primary)}.tabbed-preview__stage .heavy-preview__type{color:var(--text-muted)}.tabbed-preview__stage .heavy-preview__size{color:var(--text-primary)}.tabbed-preview__stage .heavy-preview__download{background:var(--text-primary);color:#fff}.tabbed-preview__stage .heavy-preview__download:hover{background:#0f1457}.tabbed-preview__stage .heavy-preview__note{color:var(--text-muted)}.controls{flex-shrink:0;background:var(--bg-primary);border-top:1px solid var(--stroke-primary);padding:10px var(--s16)}.controls__seek-labels{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-bottom:6px}.controls__seek-label{display:inline-flex;align-items:baseline;gap:8px;font:600 12px/1 var(--font-ui);color:var(--text-primary);white-space:nowrap}.controls__frame-num,.controls__time-num{display:inline-block!important;white-space:nowrap!important;line-height:1!important}.controls__frame-num{color:var(--text-muted);width:44px!important;text-align:right!important;flex:0 0 44px!important}.controls__frame-num--total{text-align:left!important}.controls__time-num{width:60px!important;text-align:left!important;flex:0 0 60px!important}.controls__seek-label--right .controls__time-num{text-align:right!important}.controls__seek-row{display:flex;align-items:center;gap:var(--s12);margin-bottom:10px;width:100%}.controls__row{display:flex;align-items:center;gap:6px;min-height:36px}.controls__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(22,31,106,.1);color:var(--text-primary);cursor:pointer;border-radius:var(--r-8);transition:background .1s ease,border-color .1s ease,color .1s ease}.controls__btn:hover{background:var(--bg-secondary);border-color:transparent}.controls__btn:active{transform:translateY(1px)}.controls__btn:disabled{opacity:.4;cursor:not-allowed}.controls__btn.is-recording{border-color:#e11d48;color:#e11d48;background:#e11d480f;opacity:1;animation:rec-pulse 1.4s ease-in-out infinite}.controls__btn.is-recording .controls__hotkey{background:#e11d48;font-feature-settings:"tnum" 1}@keyframes rec-pulse{0%,to{box-shadow:0 0 #e11d4800}50%{box-shadow:0 0 0 3px #e11d4838}}.controls__hotkey{position:absolute;bottom:-3px;right:-3px;font:600 9px/1 var(--font-ui);letter-spacing:.04em;padding:2px 4px;background:var(--text-primary);color:#fff;border-radius:3px;pointer-events:none;min-width:14px;text-align:center;font-family:ui-monospace,JetBrains Mono,monospace}.controls__group{display:inline-flex;gap:6px}.controls__spacer{flex:1}.controls__time{font:600 11px/1 var(--font-ui);color:var(--text-muted);font-feature-settings:"tnum" 1;flex-shrink:0;display:inline-flex;flex-direction:column;gap:2px}.controls__time--current{min-width:110px;text-align:right;align-items:flex-end}.controls__time--total{min-width:56px;text-align:left;align-items:flex-start}.controls__loop-counter{display:inline-block;font-size:10px;color:var(--text-muted);font-weight:500;margin-top:2px;white-space:nowrap}.controls__seek{flex:1;min-width:120px;height:16px;position:relative;cursor:pointer;display:flex;align-items:center}.controls__seek-bg{position:absolute;left:0;right:0;top:7px;height:2px;background:var(--stroke-primary);border-radius:2px}.controls__seek-fill{position:absolute;left:0;top:7px;height:2px;background:var(--brand-primary);border-radius:2px}.controls__seek-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-primary);pointer-events:none;opacity:0;transition:opacity .1s ease}.controls__seek:hover .controls__seek-thumb,.controls__seek.is-dragging .controls__seek-thumb{opacity:1}.controls__seek.is-dragging{cursor:grabbing}.controls__seek.is-dragging .controls__seek-thumb{transform:translate(-50%,-50%) scale(1.2)}.controls__seek-hover,.controls__btn-tooltip{background:var(--text-primary);color:#fff;font:600 10px/1.4 var(--font-ui);padding:3px 6px;border-radius:4px;pointer-events:none;white-space:nowrap;font-feature-settings:"tnum" 1;z-index:10000}.controls__hint{margin-left:var(--s8);font:500 12px/1 var(--font-ui);color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.controls__hotkey--inline{position:absolute;bottom:-3px;right:-3px}.controls__speed-wrap{position:relative}.controls__speed-btn{position:relative;height:36px;padding:0 12px;background:transparent;border:1px solid rgba(22,31,106,.1);border-radius:var(--r-8);font:600 12px/1 var(--font-ui);color:var(--text-primary);cursor:pointer;font-feature-settings:"tnum" 1;min-width:44px;transition:background .1s ease,border-color .1s ease}.controls__speed-btn:hover{background:var(--bg-secondary);border-color:transparent}.controls__speed-menu{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:var(--r-8);box-shadow:0 8px 24px #161f6a1f;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:10;min-width:70px}.controls__speed-option{padding:6px 10px;background:transparent;border:0;border-radius:6px;font:600 12px/1 var(--font-ui);color:var(--text-primary);cursor:pointer;text-align:left;font-feature-settings:"tnum" 1;transition:background .1s ease}.controls__speed-option:hover{background:var(--bg-secondary)}.controls__speed-option.is-active{background:var(--text-primary);color:#fff}.controls__volume-wrap{position:relative;display:inline-block}.controls__volume-slider{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:var(--r-8);box-shadow:0 8px 24px #161f6a1f;padding:8px 12px;display:flex;align-items:center;gap:8px;z-index:10}.controls__volume-slider input[type=range]{width:100px;accent-color:var(--brand-primary)}.controls__volume-pct{font:600 11px/1 var(--font-ui);color:var(--text-muted);font-feature-settings:"tnum" 1;min-width:32px;text-align:right}.controls__frame-meta{font-weight:500;color:var(--text-faint);margin-left:4px}.hotkeys-overlay{position:fixed;inset:0;background:#161f6a80;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:modalFade .16s ease;padding:var(--s24)}.hotkeys-overlay__panel{background:var(--bg-primary);border-radius:var(--r-20);width:100%;max-width:480px;animation:modalRise .24s cubic-bezier(.2,.8,.2,1);overflow:hidden}.hotkeys-overlay__head{display:flex;align-items:center;justify-content:space-between;padding:var(--s20) var(--s24);border-bottom:1px solid var(--stroke-primary)}.hotkeys-overlay__title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em}.hotkeys-overlay__close{background:none;border:0;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-8);color:var(--text-muted);font-size:22px;line-height:1;margin-right:-6px}.hotkeys-overlay__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.hotkeys-overlay__table{width:100%;border-collapse:collapse}.hotkeys-overlay__table td{padding:12px var(--s24);font-size:13px;border-bottom:1px solid var(--stroke-primary)}.hotkeys-overlay__table tr:last-child td{border-bottom:0}.hotkeys-overlay__table td:last-child{text-align:right;white-space:nowrap}.hotkeys-overlay__table kbd{display:inline-block;padding:3px 7px;background:var(--bg-secondary);border:1px solid var(--stroke-primary);border-radius:4px;font:600 11px/1 ui-monospace,JetBrains Mono,monospace;color:var(--text-primary);margin:0 2px}.hotkeys-overlay__hint{padding:var(--s16) var(--s24);background:var(--bg-secondary);font-size:12px;color:var(--text-muted);border-top:1px solid var(--stroke-primary)}.hotkeys-overlay__hint kbd{display:inline-block;padding:1px 5px;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:3px;font:600 11px/1 ui-monospace,monospace}.banner-preview__pause-frame{pointer-events:none;user-select:none}.info-big--alt{font-size:36px;font-weight:700}.info-badge-wrap{margin-bottom:var(--s12)}.info-checks{display:flex;flex-direction:column;gap:8px;margin-top:var(--s12)}.info-check{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:var(--r-8);font-size:12px}.info-check__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:11px;color:#fff;flex-shrink:0}.info-check--pass .info-check__icon{background:#2d8f4e}.info-check--warn .info-check__icon{background:#c97a1f}.info-check--fail .info-check__icon{background:var(--text-warning)}.info-check__name{font-weight:600;color:var(--text-primary)}.info-check__detail{font-size:11px;color:var(--text-muted);margin-top:2px}.platform-badge{position:relative;cursor:help;user-select:none}.platform-badge__head{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:var(--r-8);cursor:pointer;font:inherit;text-align:left;transition:border-color .14s ease,background .14s ease}.platform-badge__head:hover{background:#ffffff0a}.platform-badge.is-open .platform-badge__head{border-radius:var(--r-8) var(--r-8) 0 0;border-bottom-color:transparent}.platform-badge__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);margin-left:4px}.platform-badge__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:13px;color:#fff;font-feature-settings:"tnum" 1}.platform-badge--pass .platform-badge__icon{background:#2d8f4e}.platform-badge--warn .platform-badge__icon{background:#c97a1f}.platform-badge--fail .platform-badge__icon{background:#c44}.platform-badge__name{font:600 13px/1 var(--font-ui);color:var(--text-primary)}.platform-badge__popup{position:relative;margin-top:-1px;padding:14px;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:0 0 var(--r-8) var(--r-8);display:flex;flex-direction:column;gap:10px}.platform-badge__popup-head{display:flex;align-items:center;justify-content:flex-start;padding-bottom:8px;border-bottom:1px solid var(--stroke-primary)}.platform-badge__popup-score{font:600 13px/1 var(--font-ui);padding:4px 10px;border-radius:999px}.platform-badge__popup-score--pass{background:#2d8f4e2e;color:#6fcb8e}.platform-badge__popup-score--warn{background:#c97a1f2e;color:#d9a35f}.platform-badge__popup-score--fail{background:#cc44442e;color:#da8a8a}.platform-badge__rules{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.platform-rule{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:8px 10px;background:#ffffff08;border-radius:var(--r-8);font-size:12px}.platform-rule__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:11px;color:#fff;flex-shrink:0}.platform-rule--pass .platform-rule__icon{background:#2d8f4e}.platform-rule--warning .platform-rule__icon{background:#c97a1f}.platform-rule--error .platform-rule__icon{background:#c44}.platform-rule--info .platform-rule__icon{background:var(--text-muted)}.platform-rule__name{font-weight:600;color:var(--text-primary);font-size:12px;line-height:1.3}.platform-rule__detail{font-size:11px;color:var(--text-muted);margin-top:3px;line-height:1.4}.platform-badge__spec-link{display:block;padding-top:8px;border-top:1px solid var(--stroke-primary);font:500 11px/1.2 var(--font-ui);color:var(--brand-primary);text-decoration:none;letter-spacing:.04em}.platform-badge__spec-link:hover{text-decoration:underline}.info-files{list-style:none;margin:0;padding:0;background:var(--bg-primary);border:1px solid var(--stroke-primary);border-radius:var(--r-8);overflow:hidden}.info-files__item{display:flex;align-items:center;gap:var(--s8);padding:8px var(--s12);font-family:ui-monospace,JetBrains Mono,monospace;font-size:11px;color:var(--text-primary);border-bottom:1px solid var(--stroke-primary)}.info-files__item:last-child{border-bottom:0}.info-files__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-files__item .icon{color:var(--text-muted);flex-shrink:0}.folder-only{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--s32)}.folder-only__inner{max-width:560px;text-align:center}.folder-only__title{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.01em;margin-bottom:var(--s8)}.folder-only__sub{color:var(--text-muted);margin-bottom:var(--s24)}.folder-only__chips{display:flex;flex-wrap:wrap;gap:var(--s8);justify-content:center}.folder-only__chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--stroke-primary);border-radius:999px;font:500 13px/1 var(--font-ui);color:var(--text-primary);cursor:pointer;transition:all .14s ease}.folder-only__chip:hover{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.folder-only__chip:hover .icon{color:#fff}.folder-only__chip .icon{color:var(--text-muted)}.folder-only__more{display:inline-flex;align-items:center;padding:8px 14px;font:500 13px/1 var(--font-ui);color:var(--text-muted)}.player{position:fixed;inset:0;background:#14161ef5;backdrop-filter:blur(12px);display:flex;flex-direction:column;z-index:200;animation:playerFade .2s ease}@keyframes playerFade{0%{opacity:0}to{opacity:1}}.player__topbar{display:flex;align-items:center;gap:var(--s16);padding:var(--s16) var(--s24);flex-shrink:0;color:#fff}.player__close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#ffffffb3;border-radius:var(--r-12);cursor:pointer;transition:background .14s ease,color .14s ease}.player__close:hover{background:#ffffff14;color:#fff}.player__title{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--s16)}.player__name{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.player__counter{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;flex-shrink:0}.player__actions{display:flex;gap:var(--s8)}.player__actions .btn{background:#ffffff14;color:#fff}.player__actions .btn:hover:not(:disabled){background:#ffffff29}.player__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--s24) var(--s48) var(--s48);overflow:hidden;position:relative}.player__nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#ffffffb3;border:0;border-radius:50%;cursor:pointer;transition:background .14s ease,color .14s ease;z-index:1}.player__nav:hover{background:#ffffff29;color:#fff}.player__nav--prev{left:var(--s24)}.player__nav--next{right:var(--s24)}.file-preview__loading,.file-preview__error,.banner-preview__loading,.banner-preview__error{padding:var(--s48);font:500 14px/1.5 var(--font-ui);color:#ffffffb3;text-align:center}.file-preview__error,.banner-preview__error{color:#ff6b7a}.banner-preview{display:flex;flex-direction:column;align-items:center;gap:var(--s16);max-width:100%}.banner-preview__toolbar{display:flex;align-items:center;gap:var(--s16);padding:0}.banner-preview__toggle{display:inline-flex;background:#ffffff14;border-radius:var(--r-8);padding:2px}.banner-preview__toggle-btn{padding:7px 14px;background:transparent;border:0;cursor:pointer;border-radius:6px;font:600 11px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#fff9;transition:all .14s ease}.banner-preview__toggle-btn.is-active{background:#ffffffeb;color:var(--text-primary)}.banner-preview__toggle-btn:not(.is-active):hover{color:#ffffffe6}.banner-preview__static{display:block;max-width:100%;max-height:70vh}.banner-preview__meta{display:flex;align-items:center;gap:var(--s8);font:500 12px/1 var(--font-ui);color:#ffffff80}.badge{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:999px;font:600 11px/1.2 var(--font-ui);letter-spacing:.04em;cursor:help}.badge--pass{background:#2d8f4e29;color:#6cd89a;border:1px solid rgba(45,143,78,.4)}.badge--warn{background:#c97a1f29;color:#f5b767;border:1px solid rgba(201,122,31,.4)}.badge--fail{background:#c9402f29;color:#ff8a7a;border:1px solid rgba(201,64,47,.4)}.badge__icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;background:currentColor;color:#0009;font-size:11px}.badge--pass .badge__icon{color:#003c14b3}.badge--warn .badge__icon{color:#502800b3}.badge--fail .badge__icon{color:#500000b3}.badge__label{color:inherit}.badge__tooltip{position:absolute;top:calc(100% + 8px);right:0;width:320px;padding:var(--s16);background:#fff;color:var(--text-primary);border-radius:var(--r-12);box-shadow:0 8px 32px #0003;z-index:10;cursor:default}.badge__tooltip-title{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s12)}.badge__check{display:grid;grid-template-columns:16px 1fr;gap:6px var(--s8);align-items:start;padding:6px 0;border-top:1px solid var(--stroke-primary);font-size:12px;color:var(--text-primary)}.badge__check:first-of-type{border-top:0;padding-top:0}.badge__check-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:700;color:#fff}.badge__check--pass .badge__check-icon{background:var(--c-3d);color:#2d5a2d}.badge__check--warn .badge__check-icon{background:var(--c-ooh);color:#fff}.badge__check--fail .badge__check-icon{background:var(--text-warning);color:#fff}.badge__check-name{font-weight:600;grid-column:2}.badge__check-detail{grid-column:2;font-size:11px;color:var(--text-muted)}.badge__tooltip-note{margin-top:var(--s12);padding-top:var(--s12);border-top:1px solid var(--stroke-primary);font-size:11px;color:var(--text-muted);font-style:italic}.banner-preview,.video-preview,.image-preview,.pdf-preview,.audio-preview{display:flex;flex-direction:column;align-items:stretch!important;width:100%;height:100%;min-height:0;gap:0;max-width:none}.audio-preview{background:#ffffff0a;padding:var(--s32) var(--s48);border-radius:var(--r-16);min-width:360px}.audio-preview__el{width:100%}.video-preview__caption,.image-preview__caption,.pdf-preview__caption,.audio-preview__name{font:500 12px/1.4 var(--font-ui);color:#fff9;display:flex;align-items:center;gap:var(--s8)}.image-preview__hint{margin-left:auto;font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.heavy-preview{display:flex;flex-direction:column;align-items:center;gap:var(--s16);padding:var(--s48) var(--s32);max-width:480px;text-align:center;background:#ffffff0a;border-radius:var(--r-20);border:1px solid rgba(255,255,255,.08)}.heavy-preview__icon{font-size:56px;line-height:1;filter:grayscale(.2)}.heavy-preview__name{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.3;letter-spacing:-.01em;color:#fff;word-break:break-word;max-width:360px}.heavy-preview__type{font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.heavy-preview__size{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1;letter-spacing:-.02em;color:#fff;margin:var(--s8) 0}.heavy-preview__download{display:inline-flex;align-items:center;gap:var(--s8);margin-top:var(--s16);padding:14px var(--s24);background:#fff;color:var(--text-primary);border-radius:999px;font-family:var(--font-accent);font-weight:400;font-size:22px;line-height:1;text-decoration:none;cursor:pointer;transition:transform .1s ease,background .14s ease}.heavy-preview__download:hover{background:#ffffffeb;text-decoration:none}.heavy-preview__download:active{transform:translateY(1px)}.heavy-preview__note{font-size:12px;color:#ffffff80;max-width:320px;margin-top:var(--s8);line-height:1.5}.brand--client{margin-right:var(--s16)}.brand--client .brand__name{font-size:13px}.controls__seek-markers{position:absolute;left:0;right:0;top:7px;height:2px;pointer-events:none}.controls__seek-marker{position:absolute;width:1px;height:8px;top:-3px;transform:translate(-50%);pointer-events:auto;cursor:pointer}.controls__seek-marker--label{background:var(--brand-primary);width:2px;height:10px;top:-4px}.controls__seek-marker--tween-start{background:var(--text-muted);opacity:.6}.controls__seek-marker--tween-end{background:var(--text-muted);opacity:.4;height:6px;top:-2px}.controls__seek-marker--second{background:var(--stroke-primary);height:4px;top:-1px;opacity:.5}.banner-preview__recording{position:absolute;bottom:0;left:0;right:0;background:#161f6ac7;color:#fff;display:flex;align-items:center;gap:var(--s8);z-index:10;font:500 10px/1.4 var(--font-ui);padding:5px 10px;font-feature-settings:"tnum" 1;pointer-events:none}.banner-preview__recording-text{white-space:nowrap;flex-shrink:0}.banner-preview__recording-bar{flex:1;height:2px;background:#fff3;border-radius:1px;overflow:hidden}.banner-preview__recording-fill{height:100%;background:var(--brand-primary);transition:width .1s linear}.audit-score{display:flex;align-items:baseline;gap:8px;margin-bottom:var(--s12)}.audit-score__num{font:700 36px/1 var(--font-display);font-feature-settings:"tnum" 1}.audit-score__num--good{color:#2d8f4e}.audit-score__num--warn{color:#c97a1f}.audit-score__num--bad{color:var(--text-warning)}.audit-score__legend{font:500 12px/1 var(--font-ui);color:var(--text-muted)}.audit-groups{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s12)}.audit-group{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bg-primary);border:1px solid var(--stroke-primary);font:500 11px/1 var(--font-ui)}.audit-group__name{color:var(--text-muted)}.audit-group__score{font-weight:700;font-feature-settings:"tnum" 1}.audit-group__score.is-good{color:#2d8f4e}.audit-group__score.is-warn{color:#c97a1f}.audit-group__score.is-bad{color:var(--text-warning)}.info-warn{color:#c97a1f}.info-row--alt{flex-direction:column;align-items:stretch;gap:4px}.info-row--alt b{text-align:left;max-width:none;font-weight:500;font-size:11px;word-break:break-all;color:var(--text-muted)}