.lofi-credit-balance{max-width:225px;text-align:right;font-size:12px;line-height:1.7;color:#625d54}
.lofi-workspace input[type=radio]{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;padding:0;flex:none}
.lofi-examples{border-top:1px solid #d9d6cd;margin-top:54px;padding-top:32px}.lofi-examples h2{margin:0 0 26px;font-size:25px;letter-spacing:-.6px}.lofi-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.lofi-example-card{min-width:0;margin:0}.lofi-example-card video{display:block;aspect-ratio:16/9;width:100%;background:#252525;object-fit:contain;border:1px solid #242424;border-radius:3px}.lofi-example-card figcaption{display:flex;align-items:baseline;gap:12px;justify-content:space-between;margin-top:12px}.lofi-example-card h3{margin:0;font-size:16px;line-height:1.45;letter-spacing:-.2px}.lofi-example-card figcaption span{white-space:nowrap;font:10px monospace;color:#716d64}.lofi-example-card p{font-size:13px;line-height:1.6;color:#716d64;margin:6px 0 0}
.scene-brief>div{min-width:0}.scene-suggestions{display:flex;align-items:center;gap:5px;max-width:100%;margin:12px 0 23px}.scene-suggestions .prompt-starters{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px;margin:0;padding:4px 2px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.prompt-starters::-webkit-scrollbar{display:none}.scene-suggestions .prompt-starters button{flex:none;white-space:nowrap;scroll-snap-align:start}.suggestion-arrow{width:27px;height:29px;flex:none;padding:0;border:0;background:transparent;font:18px inherit;cursor:pointer}.suggestion-arrow:hover{background:#eeeadf}.suggestion-arrow:disabled{opacity:.3;cursor:default}.aspect-choices{display:flex;gap:8px;border:0;padding:0;margin:0 0 4px}.aspect-choices legend{padding:0;margin-bottom:10px;font-size:12px;color:#68655e}.scene-brief .aspect-choices label{flex:1;position:relative;display:flex;align-items:center;gap:7px;margin:0;padding:10px;border:1px solid #d9d4c9;border-radius:3px;cursor:pointer;font-weight:400}.aspect-choices label:has(input:checked){background:#eee6fc;border-color:#242424}.aspect-choices input{margin:0;accent-color:#242424}.aspect-choices strong{display:block;font-size:13px}.aspect-choices small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#716d64}
.lofi-workspace[data-aspect="9:16"] .scene-option img,.lofi-workspace[data-aspect="9:16"] .chosen-scene img{aspect-ratio:9/16;max-height:460px;object-fit:contain;background:#e8e0f1}.lofi-workspace[data-aspect="1:1"] .scene-option img,.lofi-workspace[data-aspect="1:1"] .chosen-scene img{aspect-ratio:1}.lofi-workspace[data-aspect="9:16"] .loop-preview{aspect-ratio:9/16;max-height:65vh;object-fit:contain}.lofi-workspace[data-aspect="1:1"] .loop-preview{aspect-ratio:1;object-fit:contain}.generation-preview #result-video,.generation-preview #working-scene{object-fit:contain}.lofi-workspace[data-aspect="9:16"] .generation-preview:has(#result-video:not([hidden])){aspect-ratio:9/16;max-height:65vh;margin-inline:auto}.lofi-workspace[data-aspect="1:1"] .generation-preview:has(#result-video:not([hidden])){aspect-ratio:1}.lofi-workspace .generation-layout{grid-template-columns:minmax(0,1fr);max-width:800px;margin-inline:auto}
.upload-kit{border-top:1px solid #d9d6cd;margin-top:24px;padding-top:22px}.upload-kit .section-line{align-items:center;margin-bottom:16px}.upload-kit h2{font-size:19px!important;margin:0;letter-spacing:-.3px}.upload-kit .section-line .field-note{margin:0}.upload-field{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:12px;padding:13px 0;border-bottom:1px solid #e3dfd5}.upload-field strong{display:block;font-size:11px;color:#726d63;font-weight:500;margin-bottom:5px}.upload-field p{font-size:13px;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.upload-field details{font-size:13px;line-height:1.65}.upload-field summary{cursor:pointer}.upload-field details p{margin-top:10px}.copy-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #d9d4c9;border-radius:3px;background:transparent;color:#242424;cursor:pointer;font-size:21px;line-height:1}.copy-button:hover{background:#eee6fc;border-color:#242424}.copy-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.lofi-feedback{display:flex;justify-content:flex-end;margin-top:26px}.lofi-feedback button{font-size:12px;color:#716d64}.feature-dialog{width:min(470px,calc(100vw - 32px));padding:26px;border:1px solid #242424;background:#fffefa;color:#242424;border-radius:5px;box-shadow:4px 4px 0 #d4bff5}.feature-dialog::backdrop{background:#17171766}.feature-dialog .section-line{align-items:start;margin-bottom:14px}.feature-dialog h2{font-size:23px;margin:0;line-height:1.3;letter-spacing:-.6px;max-width:310px}.feature-dialog .field-note{margin:0 0 18px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.feature-dialog textarea{display:block;width:100%;padding:13px;font:inherit;font-size:14px;line-height:1.65;background:#fffefa;border:1px solid #242424;border-radius:3px;resize:vertical}.feature-dialog .button{margin-top:8px}.feature-dialog .form-message{font-size:13px}.feature-dialog .copy-button{flex:none}.copy-button:focus-visible,.suggestion-arrow:focus-visible,.scene-suggestions .prompt-starters:focus-visible{outline:2px solid #8862bc;outline-offset:3px}
@media(max-width:760px){.lofi-credit-balance{max-width:140px;font-size:10px}.lofi-examples{margin-top:35px}.lofi-examples h2{font-size:22px}.lofi-example-grid{gap:25px 15px}.lofi-example-card figcaption{display:block}.lofi-example-card h3{font-size:14px}.lofi-example-card figcaption span{display:block;margin-top:5px}.scene-brief .aspect-choices label{padding:10px 8px}.upload-kit .section-line{display:block}.upload-kit .section-line .field-note{display:block;margin-top:5px}.lofi-workspace .workspace-title{gap:12px}.feature-dialog{padding:21px}}
@media(max-width:480px){.lofi-example-grid{grid-template-columns:1fr}}
.lofi-identity{display:flex;align-items:center;gap:15px;min-width:0}.lofi-tool-icon{display:block;width:76px;height:76px;object-fit:contain;flex:none;background:#fff;border:var(--border)}.lofi-hero .lofi-identity{margin-bottom:20px}.lofi-hero .lofi-identity h1{margin:0;font-size:39px}.workspace-title .lofi-tool-icon{width:64px;height:64px}.workspace-title .lofi-identity h1{margin-top:0}.scene-source-choices{display:flex;gap:12px;margin:0 0 30px}.scene-source-choices button{border:var(--border);padding:13px 19px;background:var(--paper);font-size:14px;font-weight:800}.scene-source-choices button[aria-pressed=true]{background:var(--purple)}.media-upload-form{max-width:740px;padding:28px;border:1px solid #d9d6cd;background:#fffefa}.upload-intro{display:flex;gap:18px;align-items:start;margin-bottom:25px}.upload-intro>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border:var(--border);background:var(--lime);font-size:28px}.upload-intro h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:0 0 8px}.upload-intro p{font-size:14px;line-height:1.7;color:#625d54;margin:0}.media-upload-form>label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}.media-upload-form input[type=file]{padding:12px;background:#f4f0fb;border:1px solid #b9b6ae;max-width:100%;font-size:13px}.media-upload-form input[type=file]::file-selector-button{padding:8px 11px;margin-right:12px;border:1px solid #242424;background:var(--paper);font:inherit;font-weight:700;cursor:pointer}.media-upload-form .field-note{margin:12px 0 22px;overflow-wrap:anywhere}.media-upload-form .field-note.error{color:#a12525}.media-upload-form .aspect-choices{max-width:460px}.media-upload-form .aspect-choices label{flex:1;display:flex;align-items:center;gap:8px;padding:12px 10px;border:1px solid #d9d4c9;cursor:pointer}.media-upload-form progress{margin-bottom:20px}.uploaded-scene-preview,.chosen-scene #uploaded-loop{display:block;width:100%;max-height:65vh;aspect-ratio:16/9;object-fit:contain;border:var(--border);background:#eee6fc}.lofi-workspace[data-aspect="9:16"] .uploaded-scene-preview,.lofi-workspace[data-aspect="9:16"] .chosen-scene #uploaded-loop{aspect-ratio:9/16}.lofi-workspace[data-aspect="1:1"] .uploaded-scene-preview,.lofi-workspace[data-aspect="1:1"] .chosen-scene #uploaded-loop{aspect-ratio:1}.chosen-scene #uploaded-loop-note{margin:12px 0 8px}
@media(max-width:760px){.workspace-title .lofi-identity{gap:12px}.workspace-title .lofi-tool-icon{width:47px;height:47px}.lofi-workspace .workspace-title{flex-wrap:wrap}.lofi-workspace .lofi-credit-balance{max-width:none;text-align:left;margin-left:59px}.lofi-hero .lofi-identity h1{font-size:34px}.lofi-tool-icon{width:65px;height:65px}.media-upload-form{padding:21px}.scene-source-choices{gap:10px;margin-bottom:25px}.scene-source-choices button{flex:1;padding:12px 9px;font-size:13px}.upload-intro{gap:12px}.upload-intro h2{font-size:21px}.upload-intro>span{width:35px;height:35px;font-size:23px}}