@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";:root{font-family:Geist,Segoe UI,sans-serif;color:#17324d;background:linear-gradient(180deg,#f8fbff,#eef4f8);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#eff4f8}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.home-shell{display:grid;gap:32px;padding:24px}.light-shell{display:grid;grid-template-rows:auto 1fr auto}.home-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:6px 0}.home-hero,.home-grid,.legal-hero,.legal-content{width:min(1180px,100%);margin:0 auto}.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:stretch}.home-copy{padding:48px 0 24px}.home-copy h1,.home-grid h2{margin:0;letter-spacing:-.04em}.home-copy h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.92;max-width:8ch}.home-summary{max-width:50ch;margin:16px 0 0;font-size:1rem;line-height:1.65;color:#4f657b}.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.home-showcase{background:radial-gradient(circle at top left,rgba(255,178,77,.24),transparent 34%),linear-gradient(180deg,#fffffff0,#f7fafdeb)}.home-feature-list{display:grid;gap:18px}.home-feature-list article{display:grid;gap:6px;padding:14px 0;border-top:1px solid rgba(23,50,77,.08)}.home-feature-list article:first-child{border-top:0;padding-top:4px}.home-feature-list p{margin:0;color:#4f657b;line-height:1.6}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:28px}.home-footer{width:calc(100% + 48px);margin:0 -24px -24px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:18px 24px;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:none;background:#ffffffe6;border-radius:0!important}.home-footer-links{display:flex;gap:10px;flex-wrap:wrap;font-size:.9rem}.footer-link{border:0;background:transparent;padding:0;min-height:0;color:#4f657b;border-radius:0}.footer-link:hover{color:#17324d;text-decoration:underline}.footer-link:active{color:#17324d;transform:none}.home-footer-copy{margin:0;color:#4f657b;font-size:.84rem}.legal-shell{display:grid;gap:32px;padding:24px}.legal-hero,.legal-content{width:min(860px,100%)}.legal-hero{display:grid;gap:10px;padding-top:36px}.legal-intro{display:grid;gap:10px}.legal-intro p{margin:0;color:#4f657b;line-height:1.7}.legal-hero h1,.legal-content h2{margin:0;letter-spacing:-.03em}.legal-sections{display:grid;gap:28px}.legal-sections section{display:grid;gap:12px;padding-top:18px;border-top:1px solid rgba(23,50,77,.08)}.legal-sections section:first-child{padding-top:0;border-top:0}.legal-sections p{margin:0;color:#4f657b;line-height:1.7}.topbar{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;background:#ffffffeb;border-bottom:1px solid rgba(23,50,77,.1);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-left,.topbar-right,.icon-actions,.timeline-controls{display:flex;gap:8px;align-items:center}.topbar-left,.topbar-right{flex-wrap:wrap}.topbar-group,.brand-block,.user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-block{padding-right:2px}.brand-mark{font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.brand-link{border:0!important;background:transparent;padding:0;min-height:0;border-radius:0;box-shadow:none;color:inherit}.topbar .brand-link:hover,.topbar .brand-link:active,.home-topbar .brand-link:hover,.home-topbar .brand-link:active{background:transparent!important;border-color:transparent!important;color:inherit;transform:none}.topbar-tools,.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.player-tool-group{display:flex;align-items:center;gap:8px}.player-tool-divider{font-size:.82rem;font-weight:600;color:#8b5b17;text-transform:uppercase}.topbar-separator{width:1px;align-self:stretch;background:#17324d1f}.topbar button,.timeline-controls button,.icon-actions button,.panel-actions button,.topbar-right button,.tool-ribbon button,.timeline-row,.library-card,.link-button,.primary-button{min-height:38px;border-radius:12px;border:1px solid #c9d2dc;background:#fff;color:#17324d;padding:0 12px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.topbar button,.timeline-controls button,.icon-actions button,.topbar-right button{display:inline-flex;align-items:center;justify-content:center}.topbar button:hover,.timeline-controls button:hover,.icon-actions button:hover,.panel-actions button:hover,.topbar-right button:hover,.tool-ribbon button:hover,.timeline-row:hover,.library-card:hover,.link-button:hover,.primary-button:hover{background:#eef1f4;border-color:#ff9f43}.topbar button.is-active,.timeline-controls button.is-active,.icon-actions button.is-active,.panel-actions button.is-active,.topbar-right button.is-active,.tool-ribbon button.is-active,.speed-controls button.is-active,.link-button.is-active,.primary-button.is-active,.tool-active{background:#ffb24d;border-color:#ffb24d;color:#17324d}.topbar button:active,.timeline-controls button:active,.icon-actions button:active,.panel-actions button:active,.topbar-right button:active,.tool-ribbon button:active,.speed-controls button:active,.timeline-row:active,.library-card:active,.link-button:active,.primary-button:active{background:#dd8d25;border-color:#dd8d25;color:#17324d;transform:translateY(1px)}.primary-button{background:#ffb24d;border-color:#ffb24d;color:#17324d}.topbar-tools button,.top-actions button{width:40px;min-width:40px;padding:0;font-size:1rem}.topbar button svg,.icon-actions button svg,.video-controls button svg{display:block}.editor-shell{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:16px;padding:16px}.panel{background:#ffffffe0;border:1px solid rgba(23,50,77,.09);border-radius:24px;padding:18px;box-shadow:0 14px 40px #445a7014}.workspace{display:flex;flex-direction:column;gap:42px;min-height:0;position:relative}.workspace-indicator{position:absolute;top:8px;right:10px;z-index:3;padding:6px 10px;border-radius:999px;background:#ffffffdb;border:1px solid rgba(23,50,77,.1);color:#4f657b;font-size:.78rem;font-weight:500;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #445a7014;pointer-events:none}.viewer-page{display:grid;gap:16px;padding:18px}.viewer-hero h1,.viewer-info h2{margin:0}.viewer-board-wrap,.viewer-player,.viewer-info{width:min(1100px,100%);margin:0 auto}.viewer-player,.viewer-info{padding:16px 18px}.video-controls{display:grid;gap:10px;align-items:center}.video-controls-main{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:10px;align-items:center}.video-controls input[type=range]{width:100%}.speed-controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.speed-controls button{min-width:52px}.timecode{font-variant-numeric:tabular-nums;color:#4f657b;white-space:nowrap}.field-frame{min-height:0;display:grid;align-content:start}.board-frame{width:100%;max-width:600px;height:auto;margin:0 auto;justify-self:stretch;align-self:start}.board-canvas{width:100%;height:100%;display:block;border-radius:22px;border:1px solid rgba(23,50,77,.08);background:#8dbb6c;touch-action:none}.context-panel,.panel-grid,.tool-ribbon,.library-panel,.timeline-panel{display:grid;gap:14px}.context-panel{align-content:start;align-items:start}.context-panel label,.popup-grid label,.auth-card label{display:grid;gap:8px}.context-panel input,.context-panel select,.context-panel textarea,.auth-card input,.auth-card textarea,.popup-grid input,.popup-grid textarea{min-height:40px;border-radius:12px;border:1px solid rgba(23,50,77,.14);background:#fbfdff;color:#17324d;padding:0 12px}.context-panel textarea,.popup-grid textarea{min-height:88px;padding:12px;resize:vertical}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#ae6f10}.panel-header h2,.panel-header h3,.preview-viewer-header h3,.popup-header h2{margin:0;font-weight:700}.panel-title{display:inline-flex;align-items:center;gap:8px}.panel-title-icon{display:inline-flex;align-items:center;color:#ae6f10}.tool-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-ribbon button{min-height:62px;display:grid;justify-items:center;align-content:center;gap:4px}.tool-ribbon small{text-transform:capitalize}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-actions,.timeline-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-actions{flex-wrap:wrap;justify-content:flex-start}.library-list,.timeline-layers{display:grid;gap:8px}.library-card{display:grid;gap:4px;text-align:left;padding:12px}.timeline-panel{min-height:180px;--timeline-label-width: 110px}.timeline-panel input[type=range],.preview-timeline input[type=range]{width:100%}.timeline-controls{flex-wrap:wrap}.timeline-ruler-row,.timeline-row{display:grid;grid-template-columns:var(--timeline-label-width) minmax(0,1fr);align-items:center;gap:8px}.timeline-ruler-row{padding:0 10px 6px}.timeline-ruler-label{font-size:.82rem;color:#6a7b8d}.timeline-ruler-track{position:relative;display:flex;align-items:center;min-height:28px}.timeline-row{padding:8px 10px;background:#f7fafc;border-radius:14px;border:1px solid rgba(23,50,77,.08)}.timeline-selected{outline:2px solid #ffbe4f}.timeline-label{text-align:left;text-transform:capitalize;color:#415569}.timeline-track{position:relative;height:28px;background:linear-gradient(90deg,rgba(23,50,77,.03) 1px,transparent 1px) 0 0 / 8% 100%,#edf2f7;border-radius:12px;overflow:hidden}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#78828ee0;z-index:2;pointer-events:none}.timeline-bar{position:absolute;top:4px;bottom:4px;border-radius:8px;background:linear-gradient(90deg,#7cc6ff,#2f80ed);box-shadow:inset 0 0 0 1px #ffffff38}.timeline-point{position:absolute;top:8px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#17324d;cursor:grab;z-index:3}.timeline-point:active{cursor:grabbing}.timeline-end-point{background:#b45309;border-radius:3px}.status-bar{padding:10px 18px 18px;color:#4f657b}.popup-backdrop{position:fixed;inset:0;background:#17324d2e;display:grid;place-items:center;z-index:30}.popup-card,.auth-card{width:min(640px,calc(100vw - 32px));background:#fff;border-radius:24px;border:1px solid rgba(23,50,77,.1);box-shadow:0 20px 50px #17324d1f;padding:20px}.popup-card{max-height:calc(100vh - 32px);overflow:auto}.preview-popup-card{width:min(980px,calc(100vw - 32px))}.popup-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.popup-grid,.auth-card{display:grid;gap:16px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.viewer-summary,.preview-copy,.static-copy{color:#4f657b}.preview-viewer,.preview-board,.preview-timeline,.dialog-card,.dialog-actions{display:grid;gap:14px}.dialog-actions{grid-auto-flow:column;justify-content:start}.preview-viewer-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.preview-board{min-height:min(55vh,520px)}.link-button{width:fit-content}@media(orientation:portrait){.editor-shell{grid-template-columns:1fr}.context-panel{order:1}.workspace{order:2}.preview-board{min-height:min(42vh,420px)}}@media(max-width:960px){.topbar,.timeline-header,.panel-header{display:grid}.topbar-separator{display:none}.tool-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}.timeline-row{grid-template-columns:1fr}.preview-viewer-header{display:grid}}