:root{color:#24313a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{background:radial-gradient(circle at 76% 2%,#cfe8df8c,#0000 28rem),#f4f6f5;min-height:100svh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafcfbd1;border-bottom:1px solid #dfe6e2;justify-content:space-between;align-items:center;height:76px;padding:0 5.5vw;display:flex}.brand-lockup,.topbar-actions,.status-dot,.panel-heading>div,.field-row,.select-wrap,.preset-note,.preview-toolbar,.workspace-footer{align-items:center;display:flex}.brand-lockup{gap:11px}.brand-mark{color:#fff;background:#1c6b62;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 13px #1c6b6233}.brand-name{color:#223038;letter-spacing:.1px;font-size:15px;font-weight:760}.brand-subtitle{color:#83918d;letter-spacing:.3px;margin-top:1px;font-size:10px}.topbar-actions{gap:15px}.status-dot{color:#71807b;gap:7px;font-size:12px}.status-dot span,.live-indicator{background:#54a58a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #54a58a1f}.icon-button,.remove-button{color:#73827c;background:0 0;border:0;place-items:center;padding:5px;display:grid}.workspace{width:min(1160px,100% - 48px);margin:0 auto;padding:58px 0 30px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.eyebrow{color:#5d9f91;letter-spacing:1.9px;margin:0 0 12px;font-size:11px;font-weight:750}h1,h2,p{margin:0}h1{color:#1d2b32;letter-spacing:-.04em;font-size:clamp(32px,4vw,46px);font-weight:740;line-height:1}.heading-copy{color:#71807c;margin-top:15px;font-size:14px}.heading-meta{color:#889590;align-items:center;gap:9px;padding-bottom:4px;font-size:12px;display:flex}.studio-grid{grid-template-columns:1.1fr .9fr;gap:17px;display:grid}.panel{background:#ffffffcf;border:1px solid #e0e7e3;border-radius:12px;padding:25px;box-shadow:0 13px 35px #263f390e}.preview-panel{grid-column:1/-1;padding-bottom:19px}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:23px;display:flex}.panel-heading>div{gap:10px}.step-label{color:#83a79c;letter-spacing:.3px;font:700 10px ui-monospace,monospace}h2{color:#27363c;letter-spacing:-.01em;font-size:16px;font-weight:720}.panel-hint{color:#a0aaa6;font-size:11px}.dropzone{color:#546560;background:#f8fcfa;border:1px dashed #b6d4ca;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:184px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.is-dragging{background:#f1faf6;border-color:#4e9f8d}.dropzone strong{font-size:13px;font-weight:680}.dropzone>span{color:#99a9a3;font-size:11px}.upload-icon{color:#328776;background:#e4f3ed;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:3px;display:grid}.selected-file{background:#fff;border:1px solid #d8e9e2;border-radius:8px;align-items:center;gap:11px;width:calc(100% - 28px);padding:12px;display:flex}.file-icon{color:#398c7b;background:#edf8f3;border-radius:7px;place-items:center;width:39px;height:39px;display:grid}.file-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-details strong{color:#30423e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-details span{color:#8b9a95;font-size:11px}.input-footer{color:#9aa7a3;align-items:center;gap:6px;margin-top:15px;font-size:11px;display:flex}.field-group{flex-direction:column;flex:1;gap:9px;display:flex}.field-group label{color:#72817d;font-size:12px;font-weight:650}.segmented-control{background:#f4f7f5;border:1px solid #e1e9e5;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.segmented-control button{color:#7a8984;background:0 0;border:0;border-radius:6px;min-height:38px;font-size:12px;position:relative}.segmented-control button.active{color:#236d61;background:#fff;font-weight:700;box-shadow:0 2px 7px #284b421a}.segmented-control button span{color:#fff;background:#e58a63;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;top:-7px;right:4px}.field-row{gap:12px;margin-top:20px}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#43544f;background:#fbfcfc;border:1px solid #e0e8e4;border-radius:7px;outline:none;width:100%;padding:10px 30px 10px 11px;font-size:12px}.select-wrap svg{pointer-events:none;color:#94a19d;position:absolute;right:10px}.preset-note{color:#5e7a71;background:#f0f8f4;border-radius:7px;gap:7px;margin-top:22px;padding:10px 11px;font-size:11px}.preset-note button{color:#8da49d;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid}.primary-button{color:#fff;background:#246e63;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:19px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 7px 14px #246e632b}.primary-button:hover:not(:disabled){background:#1b5c52;transform:translateY(-1px)}.primary-button:disabled{color:#a2b0ab;box-shadow:none;cursor:not-allowed;background:#e3ebe7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-canvas{background:#e8efec;border:1px solid #dbe5e1;border-radius:8px;place-items:center;min-height:286px;display:grid;position:relative;overflow:hidden}.preview-grid{opacity:.55;background-image:linear-gradient(#698b801f 1px,#0000 1px),linear-gradient(90deg,#698b801f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.preview-empty{color:#71857e;flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.preview-symbol{color:#77988d;background:#ffffff85;border:1px solid #c8dad2;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:4px;display:grid}.preview-empty strong{color:#526b63;font-size:13px}.preview-empty span{color:#8c9e98;font-size:11px}.preview-timecode,.preview-resolution{color:#80938c;font:10px ui-monospace,monospace;position:absolute;bottom:12px}.preview-timecode{left:13px}.preview-resolution{right:13px}.preview-toolbar{color:#9aa7a3;justify-content:space-between;gap:10px;padding-top:13px;font-size:11px}.preview-toolbar button{color:#658179;background:#fff;border:1px solid #dbe5e1;border-radius:6px;place-items:center;width:27px;height:27px;padding:0;display:grid}.preview-toolbar button:disabled{opacity:.45;cursor:not-allowed}.workspace-footer{color:#9aa6a2;letter-spacing:.1px;justify-content:space-between;margin-top:18px;font-size:10px}.workspace-footer span:first-child{color:#78988d;align-items:center;gap:5px;display:flex}.prompt-input{resize:vertical;color:#394b46;background:#fbfdfc;border:1px solid #dce7e2;border-radius:8px;outline:none;width:100%;min-height:170px;padding:14px;font-size:13px;line-height:1.7}.prompt-input:focus,.reference-field input:focus{border-color:#68a99a;box-shadow:0 0 0 3px #4e9f8d1a}.prompt-footer{color:#a0aaa6;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.prompt-footer span:last-child{color:#77a194;align-items:center;gap:5px;display:flex}.reference-field{flex-direction:column;gap:8px;margin-top:20px;display:flex}.reference-field label{color:#72817d;font-size:12px;font-weight:650}.reference-field label span{color:#a4afab;margin-left:5px;font-size:10px;font-weight:400}.reference-field input{color:#43544f;background:#fbfcfc;border:1px solid #e0e8e4;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:12px}.toggle-row{color:#63736e;border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;min-height:38px;font-size:12px;display:flex;position:relative}.toggle-row input{opacity:0;position:absolute}.toggle-ui{background:#d8e1dd;border-radius:20px;width:33px;height:19px;transition:all .18s;position:relative}.toggle-ui:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-row input:checked+.toggle-ui{background:#4e9f8d}.toggle-row input:checked+.toggle-ui:after{transform:translate(14px)}.result-video{z-index:1;object-fit:contain;background:#111;width:100%;max-height:400px;position:relative}.download-link{color:#3b8677;font-weight:650;text-decoration:none}.task-note{color:#9aa7a3;margin-left:auto}@media (width<=760px){.topbar{padding:0 20px}.status-dot{display:none}.workspace{width:min(100% - 28px,560px);padding-top:35px}.page-heading{flex-direction:column;align-items:start;gap:17px;margin-bottom:26px}.studio-grid{grid-template-columns:1fr}.preview-panel{grid-column:auto}.panel{padding:20px}.preview-canvas{min-height:240px}}.model-field{margin-top:20px}.reference-upload-heading{color:#72817d;justify-content:space-between;align-items:baseline;gap:12px;margin-top:20px;font-size:12px;font-weight:650;display:flex}.reference-upload-heading label span{color:#a4afab;margin-left:5px;font-size:10px;font-weight:400}.reference-upload-heading small{color:#8a9b95;text-align:right;font-size:10px;font-weight:400}.library-panel{grid-column:1/-1}.library-heading-actions{align-items:center;gap:8px;display:flex}.library-heading-actions .icon-button{padding:4px}.library-error{color:#a34f43;background:#fff5f2;border:1px solid #f0d2cc;border-radius:7px;margin-top:10px;padding:9px 11px;font-size:11px;line-height:1.5}.library-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.library-key-row{grid-column:1/-1;gap:8px;min-width:0;display:flex}.library-key-row .library-input{flex:1}.library-key-row .secondary-button{min-width:72px}.library-input{color:#43544f;background:#fbfcfc;border:1px solid #e0e8e4;border-radius:7px;outline:none;width:100%;min-width:0;padding:10px 11px;font-size:12px}.library-input:focus{border-color:#68a99a;box-shadow:0 0 0 3px #4e9f8d1a}.library-actions{gap:8px;min-width:0;display:flex}.library-actions .library-input{flex:1}.secondary-button{color:#286f62;background:#edf8f3;border:1px solid #b9d9ce;border-radius:7px;flex:none;padding:0 12px;font-size:11px;font-weight:700}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.library-upload{color:#398576;cursor:pointer;background:#f4fbf8;border:1px dashed #b6d4ca;border-radius:7px;justify-content:center;align-items:center;min-height:38px;font-size:11px;font-weight:700;display:flex}.library-upload input{display:none}.library-upload:has(input:disabled){opacity:.5;cursor:not-allowed}.library-assets{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.library-asset{color:#58716a;background:#fff;border:1px solid #dce9e4;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.library-asset.selected{color:#236d61;background:#edf8f3;border-color:#57a490}.library-asset input{accent-color:#398f7c}.library-asset small{color:#98a8a2;font-size:9px}.library-query-all{justify-content:center;align-items:center;gap:6px;min-height:38px;display:flex}.library-all-assets{border-top:1px solid #edf2ef;margin-top:14px;padding-top:12px}.library-assets-heading{color:#50665e;justify-content:space-between;align-items:center;font-size:11px;display:flex}.library-assets-heading span{color:#98a8a2;font-size:10px}.library-assets-preview .library-asset{flex-direction:column;align-items:flex-start;gap:5px;min-width:170px;max-width:260px}.library-asset-main{align-items:center;gap:7px;width:100%;min-width:0;display:flex}.library-asset-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-asset-main img,.library-asset-main video{object-fit:cover;background:#eef4f1;border-radius:4px;flex:0 0 48px;width:48px;height:36px}.reference-pickers{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.reference-picker{min-width:0}.reference-picker-heading{color:#667872;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.reference-picker-heading label{font-weight:700}.reference-picker-heading label span{color:#86a59c;font-weight:500}.reference-picker-heading small{color:#9baaa5;font-size:9px}.dropzone.compact{border-radius:7px;gap:5px;min-height:108px;padding:12px 6px;position:relative}.dropzone.compact .upload-icon{width:30px;height:30px;margin-bottom:1px}.dropzone.compact strong{font-size:11px}.dropzone.compact>span{font-size:9px}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-list{flex-direction:column;gap:5px;max-height:112px;margin-top:6px;display:flex;overflow:auto}.file-list .selected-file{gap:6px;width:100%;padding:6px}.file-list .file-icon{flex:0 0 24px;width:24px;height:24px}.file-list .file-icon svg{width:13px;height:13px}.file-list .file-details{gap:1px}.file-list .file-details strong{font-size:10px}.file-list .file-details span{font-size:9px}.file-list .remove-button{padding:2px}@media (width<=520px){.reference-pickers{grid-template-columns:1fr}.reference-picker-heading{margin-top:8px}.reference-upload-heading{flex-direction:column;align-items:flex-start;gap:3px}.reference-upload-heading small{text-align:left}}@media (width<=760px){.library-panel{grid-column:auto}.library-grid{grid-template-columns:1fr}.library-actions{flex-direction:column;gap:7px}.secondary-button{min-height:36px}}.portrait-shell{color:#26363a;background:#f3f7f5;min-height:100svh}.portrait-topbar{background:#fff;border-bottom:1px solid #dce8e2;justify-content:space-between;align-items:center;height:68px;padding:0 5.5vw;display:flex}.portrait-brand{color:#216d61;align-items:center;gap:9px;font-weight:760;text-decoration:none;display:flex}.portrait-topbar-label{color:#83938d;font-size:12px}.portrait-main{width:min(1060px,100% - 40px);margin:0 auto;padding:48px 0 30px}.portrait-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.portrait-eyebrow{color:#5d9f91;letter-spacing:1.8px;margin:0 0 10px;font-size:10px;font-weight:760}.portrait-heading h1{color:#1d2d32;letter-spacing:-.03em;margin:0;font-size:clamp(30px,4vw,42px)}.portrait-heading p:not(.portrait-eyebrow){color:#71827b;margin-top:12px;font-size:14px}.portrait-back{color:#2f806f;white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none}.portrait-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.portrait-card{background:#fff;border:1px solid #dce7e2;border-radius:10px;padding:22px;box-shadow:0 10px 25px #224c3f0d}.portrait-card-title{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.portrait-card-title>div{align-items:center;gap:10px;display:flex}.portrait-step{color:#7ca79a;font:700 10px ui-monospace,monospace}.portrait-card h2{margin:0;font-size:16px}.portrait-muted{color:#9aa8a2;align-items:center;gap:5px;font-size:10px;display:flex}.portrait-form-card label{color:#667972;flex-direction:column;gap:7px;margin-top:13px;font-size:11px;font-weight:650;display:flex}.portrait-form-card input{color:#344942;background:#fbfdfc;border:1px solid #dce8e2;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:12px}.portrait-form-card input:focus{border-color:#5ca28f;box-shadow:0 0 0 3px #54a18d1f}.portrait-primary,.portrait-h5-button{color:#fff;background:#287669;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:18px;font-size:12px;font-weight:720;text-decoration:none;display:flex}.portrait-primary:disabled{opacity:.45;cursor:not-allowed}.portrait-tip{color:#82948d;gap:7px;margin-top:15px;font-size:10px;line-height:1.55;display:flex}.portrait-error{color:#a34f43;background:#fff5f2;border:1px solid #f0d0c9;border-radius:7px;align-items:center;gap:7px;margin-top:12px;padding:9px 10px;font-size:11px;line-height:1.4;display:flex}.portrait-icon-button,.portrait-session-row button{color:#6b8e84;background:0 0;border:0;place-items:center;padding:5px;display:grid}.portrait-empty{color:#a2b0aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:210px;display:flex}.portrait-empty strong{color:#657871;font-size:13px}.portrait-empty span{font-size:11px}.portrait-status{color:#55716a;background:#f4f8f6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.portrait-status-dot{background:#e0a45c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #e0a45c1f}.portrait-status-succeeded .portrait-status-dot{background:#4fa789;box-shadow:0 0 0 3px #4fa7891f}.portrait-status-failed .portrait-status-dot,.portrait-status-expired .portrait-status-dot{background:#d87567;box-shadow:0 0 0 3px #d875671f}.portrait-status small{color:#8b9a94;width:100%;margin-left:16px;font-size:10px}.portrait-session-row{color:#8b9a94;align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.portrait-session-row code{color:#527269;text-overflow:ellipsis;flex:1;min-width:0;font:10px ui-monospace,monospace;overflow:hidden}.portrait-session-row button{flex:none}.portrait-h5-button{color:#2c786a;background:#e8f4ee;margin-top:15px}.portrait-qr-block{background:#fbfdfc;border:1px solid #e0ece6;border-radius:8px;flex-direction:column;align-items:center;margin-top:16px;padding:14px 12px 12px;display:flex}.portrait-qr-heading{flex-direction:column;align-items:center;gap:3px;display:flex}.portrait-qr-heading strong{color:#45665d;font-size:12px}.portrait-qr-heading span{color:#91a19b;font-size:10px}.portrait-qr{image-rendering:auto;width:190px;height:190px;margin:12px 0 9px}.portrait-qr-loading{color:#8fa19a;justify-content:center;align-items:center;gap:7px;width:190px;height:190px;font-size:10px;display:flex}.portrait-qr-actions{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.portrait-qr-actions .portrait-h5-button{width:auto;min-height:32px;margin-top:0;padding:0 12px;font-size:10px}.portrait-qr-download{color:#3a806f;font-size:10px;text-decoration:none}.portrait-qr-expiry{color:#9aa8a2;margin-top:9px;font-size:9px}.portrait-result-line{color:#31806e;align-items:center;gap:5px;margin-top:13px;font-size:11px;display:flex}.portrait-result-line code{text-overflow:ellipsis;font:10px ui-monospace,monospace;overflow:hidden}.portrait-provider-error{color:#a34f43;background:#fff7f4;border:1px solid #f0d0c9;border-radius:7px;flex-direction:column;gap:5px;margin-top:13px;padding:10px;font-size:10px;line-height:1.45;display:flex}.portrait-provider-error strong{font-size:11px}.portrait-provider-error code,.portrait-provider-error small{color:#8f655f;font:10px ui-monospace,monospace}.portrait-timeline-card,.portrait-logs-card{grid-column:1/-1}.portrait-timeline{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.portrait-timeline-item{color:#a0ada7;align-items:center;gap:8px;font-size:11px;display:flex}.portrait-timeline-marker{color:#91a49c;border:1px solid #d9e7e0;border-radius:50%;place-items:center;width:24px;height:24px;font:10px ui-monospace,monospace;display:grid}.portrait-timeline-item.done{color:#377f6f}.portrait-timeline-item.done .portrait-timeline-marker{color:#fff;background:#4e9f8d;border-color:#84c0ab}.portrait-timeline-item.active .portrait-timeline-marker{color:#b17b35;background:#fff9ef;border-color:#e0b275}.portrait-logs{background:#f8fbfa;border:1px solid #e4ece8;border-radius:7px;max-height:250px;overflow:auto}.portrait-log{color:#63766e;border-bottom:1px solid #e7efeb;grid-template-columns:70px 112px 1fr;gap:8px;padding:8px 10px;font-size:10px;line-height:1.4;display:grid}.portrait-log:last-child{border-bottom:0}.portrait-log time{color:#9aaaa3;font:10px ui-monospace,monospace}.portrait-log b{color:#4e8375;font:700 10px ui-monospace,monospace}.portrait-log.error b,.portrait-log.error span{color:#ad6258}.portrait-log.ok b{color:#398871}.portrait-log-empty{color:#9aa9a2;text-align:center;padding:24px;font-size:11px}.portrait-footer{color:#98a6a0;margin-top:18px;font-size:10px;line-height:1.5}@media (width<=700px){.portrait-main{width:min(100% - 28px,560px);padding-top:32px}.portrait-heading{flex-direction:column;align-items:flex-start;gap:14px}.portrait-grid{grid-template-columns:1fr}.portrait-timeline-card,.portrait-logs-card{grid-column:auto}.portrait-timeline{grid-template-columns:1fr 1fr;gap:12px}.portrait-log{grid-template-columns:58px 92px 1fr}}