:root{font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif;color:#17324d;background:#f4f8f7;font-synthesis:none;--primary:#0B6E69;--accent:#F4B942;--surface:#F4F8F7;--border:#D5E2E3;--muted:#607589;--ink:#17324D}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f4f8f7,#eaf2f1);min-width:320px}a{color:inherit;text-decoration:none}.topbar{height:68px;padding:0 clamp(16px,4vw,48px);gap:24px;background:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin-right:auto}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--primary);color:#fff}.topbar [role=tablist]{gap:4px}.sidebar{width:230px;flex:none;padding:28px 16px;background:#ffffffb8;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.sidebar-label{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin:14px 10px 6px}.side-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;color:var(--muted);font-size:14px}.side-link.active,.side-link:hover{background:#dcedea;color:var(--primary);font-weight:700}.sidebar-note{margin-top:auto;padding:14px 10px;color:var(--muted);font-size:12px;line-height:1.45;display:flex;gap:8px}.workspace{display:flex;min-height:calc(100vh - 128px)}.main{width:min(1180px,100%);padding:36px clamp(20px,4vw,48px);margin:0 auto}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b6e69,#2a9d8f)!important;color:#fff!important;padding:36px!important;border:0!important;display:flex;flex-direction:column;gap:14px;box-shadow:0 16px 38px #17324d24}.hero-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.72}.hero>*:not(.hero-mesh){position:relative}.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.08;max-width:22ch}.hero-copy{max-width:62ch;color:#ffffffe6}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#ffffffc7}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.kpi-grid .fui-Card{padding:18px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;letter-spacing:.08em;color:var(--muted);display:flex;gap:6px;align-items:center}.muted,.hint{color:var(--muted);font-size:13px}.split,.export-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:18px}.form-card,.result-card,.video-card{padding:20px}.fui-CardHeader{margin-bottom:18px}.dropzone{min-height:250px;padding:25px 18px;border:1px dashed #A9C5C4;border-radius:8px;background:#f7fbfa;display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;justify-content:center}.big-icon{font-size:34px;color:var(--primary)}.success{color:#20845a}.field{display:flex;flex-direction:column;gap:7px;margin:22px 0 15px}.background-field{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:8px 10px;border-radius:6px}.background-field img{width:52px;height:34px;object-fit:cover;border-radius:4px}.result-preview{min-height:260px;border:1px solid var(--border);border-radius:7px;background:#eaf2f1;display:flex;justify-content:center;align-items:center;gap:12px;flex-direction:column;padding:20px}.result-preview.ready{position:relative;overflow:hidden;color:#fff;background:#17324d}.result-preview.ready img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.result-preview.ready>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;text-shadow:0 1px 5px #17324D}.result-preview .fui-Skeleton{width:80%;height:18px}.process-card{margin-top:15px;display:flex;flex-direction:column;gap:12px}.process-row{display:flex;align-items:center;gap:8px;font-size:13px}.process-row .fui-Badge{margin-left:auto}.section-heading,.page-heading,.action-bar,.video-caption,.detail-top,.audio-check{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading{margin:30px 0 14px}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recent{padding:17px;display:flex;flex-direction:column;gap:8px}.action-bar{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}footer{height:60px;border-top:1px solid var(--border);padding:0 clamp(20px,4vw,48px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;background:#fff}footer span,footer .fui-Text{display:flex;align-items:center;gap:6px}.page-heading{margin-bottom:24px}.page-heading h1{margin-top:5px}.video-card video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#17324d}.video-caption{padding-top:13px}.details{display:flex;flex-direction:column;gap:12px}.details h2{margin:0 0 3px}.details .fui-Card{padding:16px;display:flex;flex-direction:column;gap:8px}.audio-check{padding:18px;margin-top:18px}.audio-check>div{margin-right:auto}.audio-check h2{font-size:16px;margin:0 0 3px}.main>.fui-MessageBar{margin-top:18px}@media(max-width:800px){.sidebar{display:none}.topbar{gap:10px}.topbar [role=tablist]{display:none}.main{padding:22px 16px}.kpi-grid,.split,.export-grid,.recent-grid{grid-template-columns:1fr}.hero{padding:25px!important}footer{height:auto;padding:16px;align-items:flex-start;flex-direction:column;gap:8px}.action-bar,.page-heading{align-items:flex-start;flex-direction:column}}.studio-grid{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.45fr);gap:18px;align-items:start}.layer-card,.composition-card{padding:18px;border:1px solid var(--border)}.layer-section{padding:18px 0;border-top:1px solid var(--border);display:grid;gap:12px}.layer-section:first-of-type{margin-top:4px}.layer-title{display:flex;gap:11px;align-items:center}.layer-title>div{display:grid;gap:2px}.layer-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dcedea;color:var(--primary);font-size:13px;font-weight:700;flex:none}.full-button{width:100%;justify-content:center}.file-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.background-option{position:relative;min-height:64px;border:2px solid transparent;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;padding:7px;background-size:cover;background-position:center;color:#fff;cursor:pointer;text-align:left}.background-option span{font-size:12px;font-weight:600;text-shadow:0 1px 3px #172b3a;background:#0f23306b;padding:3px 6px;border-radius:3px}.background-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px #f4b9423d}.scene-sky{background-image:url(/assets/sky-background.png);background-position:center 42%}.scene-forest{background-image:linear-gradient(180deg,transparent 45%,rgba(11,55,43,.3)),linear-gradient(135deg,#a5d6c2,#5f9e79 48%,#294f42)}.scene-sunset{background-image:linear-gradient(180deg,#f6c875,#e99068 52%,#5e7382)}.scene-studio{background-image:linear-gradient(180deg,#f8f7f1,#dbe5e2 66%,#9cb6ae)}.scene-custom{background-position:center;background-size:cover}.foreground-file{display:flex;align-items:center;gap:12px;min-height:50px}.foreground-file img{width:76px;height:46px;object-fit:contain;border:1px solid var(--border);border-radius:4px;background:#f0f4f3}.composition-card{min-width:0}.composition-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;min-height:240px;border-radius:6px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.composition-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1029361f,#10293614);z-index:-1}.stage-label{position:absolute;left:12px;top:12px;z-index:3;display:flex;align-items:center;gap:7px;background:#122631b8;color:#fff;padding:6px 9px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.06em}.stage-label span{width:7px;height:7px;border-radius:50%;background:#7ee0a2}.stage-video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;max-height:100%;background:#00000024}.stage-empty{z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);font-size:14px}.stage-empty svg{font-size:32px}.stage-foreground{position:absolute;z-index:2;bottom:0;left:50%;transform:translate(-50%);width:min(84%,640px);max-height:47%;object-fit:contain;object-position:center bottom;pointer-events:none}.stage-footnote{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.stage-footnote .hint{margin:0}.studio-grid .fui-CardHeader{padding-bottom:16px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}.page-heading>div{display:grid;gap:7px}.teal{color:var(--primary)}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.composition-card{order:-1}.composition-stage{min-height:200px}}@media(max-width:700px){.page-heading,.stage-footnote{align-items:flex-start;flex-direction:column}.composition-stage{aspect-ratio:4/3}.layer-card,.composition-card{padding:14px}}.key-controls{display:grid;gap:14px;padding:15px 0 18px;border-bottom:1px solid var(--border)}.key-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.key-toggle input{width:18px;height:18px;accent-color:var(--primary);flex:none}.key-toggle>span{display:grid;gap:3px}.range-field{display:grid;gap:7px}.range-field>span{display:flex;align-items:center;justify-content:space-between;font-size:13px}.range-field input,.seek-control{width:100%;accent-color:var(--primary)}.range-field input:disabled{opacity:.45}.keyed-source{position:fixed;width:1px;height:1px;left:-2px;top:-2px;opacity:0;pointer-events:none}.keyed-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.video-controls{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;padding:8px;background:#10232fd1;border:1px solid rgba(255,255,255,.24);border-radius:6px;color:#fff}.video-control-button{flex:none;border:0;border-radius:4px;background:#ffffff24;color:#fff;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer}.video-control-button:hover{background:#ffffff3d}.video-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.seek-control{min-width:40px}.stage-foreground{z-index:2}@media(max-width:480px){.video-controls{left:7px;right:7px;bottom:7px;gap:5px;padding:6px}.video-control-button{padding:6px;font-size:11px}.video-time{font-size:10px}}.video-layer-frame .transform-resize,.foreground-object .transform-resize{top:-9px;right:-9px;bottom:auto}.camera-recorder{display:grid;gap:10px}.camera-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:5px;background:#f4f8f7}.camera-preview{display:block;width:100%;max-height:230px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#172b3a}.camera-device-field{display:grid;gap:6px}.camera-device-field select{width:100%;min-height:36px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--ink);font:inherit}.camera-actions{display:flex;gap:8px;flex-wrap:wrap}.composition-export{padding:18px;border:1px solid var(--border);margin-bottom:28px}.export-project-info{display:grid;gap:14px}.export-project-row{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.export-progress{display:grid;gap:5px}.export-progress progress{width:100%;height:9px;accent-color:var(--primary)}.export-error{padding:10px;border-radius:4px;background:#fde9e7;color:#9b2821}.rendered-export{display:grid;gap:12px;max-width:760px}.rendered-export video{width:100%;max-height:480px;background:#172b3a;border-radius:5px}.rendered-export a{justify-self:start}.export-empty{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 0 16px}.sample-heading{margin-top:26px}.export-project-info>.hint{margin-top:0}.export-render-preview{display:none}.export-render-preview.active{position:relative;display:block;width:min(100%,900px);aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#172b3a;border:1px solid var(--border)}.foreground-toggle{padding:4px 0}.export-resolution-picker{display:grid;gap:9px}.resolution-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.resolution-option{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:5px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.resolution-option strong{font-size:14px}.resolution-option span{font-size:11px;color:var(--muted)}.resolution-option.selected{border-color:var(--primary);background:#eaf4f2;box-shadow:inset 0 0 0 1px var(--primary)}@media(max-width:480px){.resolution-options{gap:5px}.resolution-option{padding:8px 6px}.resolution-option span{font-size:10px}}.video-layer-frame,.foreground-object{position:absolute;transform:translate(-50%,-50%);touch-action:none;cursor:move;-webkit-user-select:none;user-select:none}.video-layer-frame{z-index:2;border:1px dashed rgba(255,255,255,.82);box-shadow:0 0 0 1px #0f23302e}.video-layer-frame .keyed-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.foreground-object{z-index:3;line-height:0;border:1px dashed rgba(255,255,255,.9);filter:drop-shadow(0 2px 5px rgba(10,30,40,.28))}.foreground-object img{display:block;width:100%;height:auto;max-height:none;pointer-events:none}.transform-resize{position:absolute;right:-9px;bottom:-9px;z-index:2;width:20px;height:20px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #00000059;cursor:nwse-resize;touch-action:none}.foreground-reset{position:absolute;z-index:6;right:12px;top:12px;border:1px solid rgba(255,255,255,.72);border-radius:4px;background:#10232fc7;color:#fff;padding:6px 9px;font:inherit;font-size:11px;cursor:pointer}.video-controls{z-index:4}.stage-label{z-index:5}.daily-gallery{display:grid;gap:16px;margin:26px 0 30px;padding-top:20px;border-top:1px solid var(--border)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.gallery-heading>div{display:grid;gap:4px}.daily-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.share-card-button{display:grid!important;grid-template-columns:88px minmax(0,1fr);align-items:center;justify-content:start!important;gap:11px;width:100%;min-height:76px;padding:7px!important;border:1px solid var(--border)!important;border-radius:5px!important;background:#fff!important;text-align:left;white-space:normal!important}.share-card-button img{width:88px;height:62px;object-fit:cover;border-radius:3px;background:#172b3a}.share-card-copy{display:grid;min-width:0;gap:4px}.share-card-copy strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px;font-weight:600}.share-card-copy>span{color:var(--muted);font-size:11px}.gallery-error{color:#9b2821}.full-name-field{display:grid;gap:7px;margin-top:16px}.share-dialog{width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.share-preview{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:18px;margin:6px 0 16px}.share-thumbnail{display:block;width:100%;max-height:320px;aspect-ratio:16/9;object-fit:contain;background:#172b3a;border-radius:4px}.share-qr-area{display:grid;justify-items:center;gap:8px;text-align:center}.share-qr{display:block;width:192px;height:192px;padding:7px;background:#fff;border:1px solid var(--border);border-radius:4px}.public-sharing-notice{margin:8px 0;padding:10px 12px;border-left:3px solid var(--accent);background:#fff8e7;color:#5a471b;font-size:13px;line-height:1.45}.share-dialog [data-slot=dialog-actions] a{text-decoration:none}@media(max-width:540px){.share-preview{grid-template-columns:1fr}.share-thumbnail{max-height:230px}.share-qr{width:164px;height:164px}.gallery-heading{align-items:flex-start;flex-direction:column}.daily-gallery-grid{grid-template-columns:1fr 1fr;gap:7px}.share-card-button{grid-template-columns:64px minmax(0,1fr);gap:7px}.share-card-button img{width:64px;height:56px}.share-card-copy strong{font-size:12px}}