:root{color:#14212d;background:#edf4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input{font:inherit}.app-shell{background:#edf4f2;flex-direction:column;min-height:100vh;display:flex}.notice{z-index:20;color:#14212d;background:#fff;border:1px solid #b9c9c4;border-radius:8px;align-items:center;gap:10px;max-width:min(560px,100vw - 28px);min-height:44px;padding:10px 14px;display:inline-flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #0b1f2c2e}.notice.success{color:#15563d;border-color:#8ec9a8}.notice.error{color:#8a3030;border-color:#df8c8c}.topbar{color:#fff;background:#101c28;border-bottom:4px solid #18a56f;justify-content:space-between;align-items:center;gap:16px;min-height:112px;padding:26px 36px;display:flex}.brand-mark{color:#fff;letter-spacing:0;align-items:center;gap:10px;font-size:30px;font-weight:850;display:inline-flex}.brand-mark img{object-fit:contain;background:#101c28;border-radius:8px;width:42px;height:42px;display:block}.topbar p{color:#b9d3cd;margin:7px 0 0}.device-chip{color:#fff;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 14px;display:inline-flex}.settings-band{background:#fff;border-bottom:1px solid #cfddd8;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) 44px;gap:12px;padding:18px 36px;display:grid}label{color:#51645e;gap:6px;font-size:13px;font-weight:650;display:grid}input{color:#14212d;background:#fff;border:1px solid #bfd0ca;border-radius:7px;outline:none;min-width:0;height:42px;padding:0 11px}input:focus{border-color:#168d67;box-shadow:0 0 0 3px #18a56f24}input[type=file]{align-items:center;padding:8px;display:flex}.workspace-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:20px;width:100%;max-width:1680px;margin:0 auto;padding:22px 36px 26px;display:grid}.panel{background:#fff;border:1px solid #cfddd8;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 10px 26px #11222d0f}.panel-heading{background:#f9fbf8;border-bottom:1px solid #cfddd8;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 16px;display:flex}.panel-heading h2{letter-spacing:0;margin:0;font-size:20px}.upload-row{background:#fff;border-bottom:1px solid #cfddd8;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;display:grid}.designer-note{color:#1c4b3e;background:#edf8f3;border:1px solid #bcd4cd;border-radius:8px;grid-template-columns:22px minmax(0,1fr);gap:10px;margin:16px 16px 0;padding:12px;display:grid}.designer-note strong,.designer-note span{display:block}.designer-note span{color:#526961;margin-top:3px;font-size:13px}.primary-button,.secondary-button,.icon-button{color:#fff;cursor:pointer;background:#176b56;border:1px solid #176b56;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:42px;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.icon-button:hover{background:#105241;border-color:#105241;transform:translateY(-1px)}.primary-button{padding:0 16px;font-weight:750}.secondary-button{color:#176b56;background:#fff;padding:0 13px;font-weight:750}.secondary-button:hover{color:#fff}.danger-text{color:#8a3030;border-color:#c88b8b}.danger-text:hover{background:#9b3d3d;border-color:#9b3d3d}.icon-button{flex:0 0 42px;width:42px}.icon-button.danger{background:#9b3d3d;border-color:#9b3d3d}.icon-button.danger:hover{background:#7e2f2f;border-color:#7e2f2f}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.asset-list,.playlist-list{gap:12px;padding:16px;display:grid}.asset-card,.playlist-card{background:#fbfdfb;border:1px solid #d2dfda;border-radius:8px;align-items:center;gap:12px;min-width:0;display:grid}.asset-card{grid-template-columns:112px minmax(0,1fr) 92px;padding:10px}.playlist-card{grid-template-columns:42px 112px minmax(0,1fr) 92px 42px 42px 42px;padding:12px}.asset-preview{aspect-ratio:16/9;background:#dfe9e5;border:1px solid #cad9d4;border-radius:7px;width:112px;overflow:hidden}.asset-preview img,.asset-preview video{object-fit:cover;width:100%;height:100%;display:block}.playlist-preview{width:112px}.asset-actions{grid-template-columns:42px 42px;gap:8px;display:grid}.asset-meta,.playlist-info{gap:4px;min-width:0;display:grid}.asset-meta strong,.playlist-info strong{text-overflow:ellipsis;white-space:nowrap;color:#0e1f2c;min-width:0;overflow:hidden}.asset-meta span,.playlist-info span{color:#5e716b;font-size:13px}.asset-meta em,.playlist-info em{color:#966a1f;font-size:12px;font-style:normal}.playlist-index{color:#12503e;background:#e3f1eb;border-radius:7px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.seconds-input{grid-template-columns:1fr;gap:4px}.seconds-input input{height:36px}.status-bar{color:#51645e;background:#fff;border-top:1px solid #cfddd8;min-height:38px;padding:9px 36px}@media (width<=920px){.topbar,.settings-band,.workspace-grid,.status-bar{padding-left:16px;padding-right:16px}.topbar,.settings-band,.workspace-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.playlist-card{grid-template-columns:42px 96px minmax(0,1fr)}.playlist-card .icon-button{width:100%}}