:root{color-scheme:dark;--bg:#09090b;--panel:#101013;--ink:#f3f1f7;--muted:#8f8b98;--muted-2:#66616f;--line:#28252e;--line-soft:#1c1a20;--accent:#e4dfd7;--accent-2:#d7d1c9;--danger:#f1a695}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 78% 18%,rgba(218,211,201,.055),transparent 27%),var(--bg);color:var(--ink);font:14px/1.58 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.04em}a:hover{text-decoration:underline;text-underline-offset:5px}:focus-visible{outline:1px solid var(--accent-2);outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1480px;padding:0 44px;margin:auto}
header{border-bottom:1px solid var(--line-soft);background:rgba(9,9,11,.88);backdrop-filter:blur(16px)}.top{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.brand{font-size:11px;letter-spacing:.15em;white-space:nowrap}.brand span{margin-left:18px;padding-left:18px;border-left:1px solid var(--line);color:var(--muted);font-size:9px}.actions{display:flex;align-items:center;gap:10px}.eyebrow{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.intro{padding:43px 0 29px;display:flex;justify-content:space-between;align-items:end;gap:30px}.intro h1{font-size:clamp(35px,4.2vw,55px);line-height:1.02;margin-top:9px}.intro-note{font-size:12px;color:var(--muted);text-align:right;line-height:1.55}.gate{border:1px solid var(--line);padding:62px;margin-bottom:80px;min-height:360px;background:linear-gradient(140deg,rgba(218,211,201,.05),transparent 34%),var(--panel)}.gate h2{font-size:31px;margin:12px 0}.gate p{color:var(--muted)}.gate .primary{min-width:170px;margin-top:25px}
.connection-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;border-top:1px solid var(--line-soft);padding:11px 0;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(390px,430px) minmax(0,1fr);border:1px solid var(--line);background:var(--panel);box-shadow:0 26px 90px rgba(0,0,0,.22)}.controls{padding:25px 26px 28px;border-right:1px solid var(--line);min-width:0}.mode{font-size:10px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.engine-pill{color:var(--accent-2);border:1px solid rgba(218,211,201,.34);padding:4px 8px;letter-spacing:.12em;background:rgba(218,211,201,.055)}
.mode-model-control{margin-left:auto;min-width:190px;max-width:235px;text-transform:none;letter-spacing:0}
.mode-model-control .label{font-size:8px;margin:0 0 4px;letter-spacing:.12em;color:var(--muted-2)}
.mode-model-control select{width:100%;font-size:10px;padding:7px 30px 7px 9px;min-height:34px;border-color:rgba(218,211,201,.34);background:#0c0c0f;color:var(--ink)}

.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:22px;background:#0c0c0f}.mode-tab{border:0;background:transparent;color:var(--muted);padding:11px 12px;font-size:11px}.mode-tab+.mode-tab{border-left:1px solid var(--line)}.mode-tab.active{background:rgba(218,211,201,.11);color:var(--ink);box-shadow:inset 0 -1px var(--accent)}.mode-panel{margin-bottom:22px}.frame-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.upload-block{min-width:0}.upload-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.micro{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em}.label{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;color:#b9b5c0}.drop{border:1px dashed #403b49;background:#0c0c0f;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:14px;position:relative;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.drop:hover{border-color:#68625f;background:#100f14}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop:focus-within{outline:1px solid var(--accent-2);outline-offset:3px}.drop.drag{background:rgba(218,211,201,.1);border-color:var(--accent);transform:translateY(-1px)}.drop span{font-size:11px}.drop small{color:var(--muted);font-size:9px}.compact-drop{min-height:96px}.reference-drop{min-height:96px}.reference-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.reference-item{position:relative;aspect-ratio:1/1;background:#070708;border:1px solid var(--line);overflow:hidden}.reference-item img{width:100%;height:100%;object-fit:cover;display:block}.reference-item button{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:1px solid #ffffff30;background:#09090bd9;color:#fff;font-size:11px;line-height:18px}.reference-index{position:absolute;left:4px;bottom:3px;font-size:8px;letter-spacing:.08em;background:#09090bcc;padding:2px 4px}.compact-fine{margin-top:8px!important}.filemeta{font-size:9px;color:var(--muted);margin:7px 0 0;line-height:1.45;overflow-wrap:anywhere;min-height:28px}
.prompt-label{margin-top:3px}textarea,select,input:not([type=checkbox]):not([type=file]){width:100%;border:1px solid var(--line);border-radius:0;background:#0b0b0e;color:var(--ink);padding:10px 11px;min-width:0;transition:border-color .18s,background .18s}textarea:focus,select:focus,input:not([type=checkbox]):not([type=file]):focus{border-color:#68625f;background:#0d0c10}textarea{min-height:122px;resize:vertical;font-size:12px;line-height:1.6}.parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0 14px}.parameter-grid label{min-width:0}.parameter-grid select{font-size:11px;padding:10px 8px}
.utility-row{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:12px 0;margin-top:2px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.switch-row span:first-child{display:flex;flex-direction:column}.switch-row strong{font-size:11px;font-weight:400}.switch-row small{font-size:9px;color:var(--muted);margin-top:2px}.switch{position:relative;width:34px;height:19px;flex:0 0 34px}.switch input{position:absolute;opacity:0}.switch i{position:absolute;inset:0;border:1px solid #4a4650;background:#111116;transition:.18s}.switch i:after{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;background:#77717e;transition:.18s}.switch input:checked+i{border-color:var(--accent);background:rgba(218,211,201,.16)}.switch input:checked+i:after{transform:translateX(15px);background:var(--accent-2)}.seed-settings{margin-top:9px}.seed-settings summary{font-size:9px;color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.12em}.seed-settings label{margin-top:10px}
.primary,.secondary,.quiet{border:1px solid var(--line);border-radius:0;min-height:41px;padding:10px 14px;background:transparent;color:var(--ink);font-size:11px}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.full{width:100%}.quiet{padding:7px 11px;min-height:34px}.quiet:hover,.secondary:hover{background:#18171c;border-color:#3b3742}.primary:hover{background:#fff}.text-button{border:0;background:none;color:var(--ink);padding:5px 0;font-size:10px;text-decoration:underline;text-underline-offset:4px}.generate-zone{margin-top:18px}.generate-button{min-height:50px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:11px;letter-spacing:.02em;padding:12px 15px;box-shadow:0 12px 32px rgba(86,46,198,.12);transition:background .18s,transform .18s,box-shadow .18s}.generate-button:hover{background:#f5f1ec;transform:translateY(-1px);box-shadow:0 15px 38px rgba(86,46,198,.18)}.save-button{margin-top:7px}.fine{font-size:9px;color:var(--muted);line-height:1.55;margin-top:9px}
.stage{min-width:0;background:#0b0b0d;display:flex;flex-direction:column;position:relative}.stage:before{content:"";position:absolute;inset:58px 0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.stagehead,.stagefoot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;min-height:58px;position:relative;z-index:1}.stagehead{border-bottom:1px solid var(--line-soft)}.canvas{display:flex;align-items:center;justify-content:center;min-height:430px;flex:1;overflow:hidden;padding:30px;position:relative;z-index:1}.canvas img,.canvas video{max-width:100%;max-height:620px;object-fit:contain;display:block;box-shadow:0 28px 85px rgba(0,0,0,.36)}.empty{text-align:center;color:var(--muted);max-width:245px;font-size:12px}.empty small{font-size:9px}.frame{width:106px;height:72px;border:1px solid #494451;position:relative;margin:0 auto 22px}.frame:before,.frame:after{content:"";position:absolute;inset:50% auto auto 50%;background:#68625f;transform:translate(-50%,-50%)}.frame:before{width:15px;height:1px}.frame:after{width:1px;height:15px}.stagefoot{border-top:1px solid var(--line-soft);font-size:9px;color:var(--muted)}
#notice{font-size:11px;min-height:27px;margin:12px 0;overflow-wrap:anywhere}.active{padding:18px 20px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;background:rgba(218,211,201,.035)}.active p{overflow-wrap:anywhere}.archive{padding:31px 0 74px}.archivehead{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px}.archive h2{font-size:29px}.archivehead p:not(.eyebrow){font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}.card{border:1px solid var(--line);min-width:0;background:#0d0d10;transition:border-color .18s,transform .18s}.card:hover{border-color:#3c3744;transform:translateY(-1px)}.card img{display:block;width:100%;height:170px;object-fit:contain;background:#060607}.cardbody{padding:13px}.cardbody p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:68px;overflow:auto;margin:7px 0 12px}.cardmeta{font-size:8px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.cardactions{display:flex;flex-wrap:wrap;gap:6px}.cardactions button:first-child{flex:1}.emptyarchive{padding:27px 0;font-size:11px;color:var(--muted)}
footer{border-top:1px solid var(--line-soft);padding:18px 0;color:var(--muted);font-size:9px}footer .wrap{display:flex;justify-content:space-between;gap:16px}.skip{position:fixed;left:15px;top:-70px;padding:10px;background:var(--ink);color:var(--bg);z-index:10}.skip:focus{top:10px}dialog{border:1px solid #494451;max-width:530px;width:calc(100% - 32px);max-height:90vh;background:#111014;color:var(--ink);padding:27px;box-shadow:0 35px 120px #000a}dialog::backdrop{background:#050506d9;backdrop-filter:blur(5px)}dialog p{font-size:11px;margin:13px 0}dialog .fine{font-size:9px}.dialoghead,.dialogactions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.dialoghead h2{font-size:25px}.dialogactions{justify-content:end;margin:20px 0 0}.quote-price{font-size:43px;letter-spacing:-.05em;margin:18px 0;color:var(--accent-2)}.error{color:var(--danger)}
@media(max-width:1120px){.reference-list{grid-template-columns:repeat(4,1fr)}.workspace{grid-template-columns:365px minmax(0,1fr)}.controls{padding:22px 20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parameter-grid{grid-template-columns:1fr 1fr}.parameter-grid label:last-child{grid-column:1/-1}}
@media(max-width:820px){.wrap{padding:0 24px}.workspace{display:flex;flex-direction:column}.controls{border-right:0;border-bottom:1px solid var(--line)}.canvas{min-height:360px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand span{display:none}.actions .eyebrow{display:none}}
@media(max-width:560px){.wrap{padding:0 15px}.top{min-height:65px}.brand{font-size:9px}.intro{display:block;padding:27px 0 22px}.intro-note{text-align:left;margin-top:14px}.controls{padding:18px 15px 21px}.frame-pair{grid-template-columns:1fr 1fr;gap:7px}.compact-drop{min-height:88px;padding:9px}.parameter-grid{grid-template-columns:1fr 1fr;gap:7px}.parameter-grid label:last-child{grid-column:1/-1}.canvas{min-height:250px;padding:18px}.canvas img,.canvas video{max-height:390px}.stagehead,.stagefoot{padding:12px 15px;min-height:52px}.archivehead{display:block}.archivehead>div+div{margin-top:11px}.grid{grid-template-columns:1fr}.card img{height:230px}.gate{padding:30px 22px;min-height:320px}.connection-strip{align-items:start}.connection-strip span{max-width:66%}.active{display:block}.active button{margin-top:14px}dialog{padding:21px}.dialoghead{align-items:start}.dialoghead h2{font-size:22px}footer span{display:none}.reference-list{grid-template-columns:repeat(5,1fr)}}

/* Private image/video workbench additions, isolated from the public site. */
.tool-switch{display:flex;gap:12px;margin:22px 0}.tool-tab{display:flex;align-items:center;gap:16px;border:1px solid #41423d;padding:14px 20px;background:transparent;color:inherit;cursor:pointer;font-size:15px}.tool-tab small{font-size:10px;letter-spacing:.08em;opacity:.6}.tool-tab.active{background:#dddcd4;color:#111210;border-color:#dddcd4}.reference-list{display:flex;flex-direction:column;gap:12px}.reference-item{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px;border:1px solid #363730;position:relative;aspect-ratio:auto;overflow:visible}.reference-item>img{width:68px;height:82px;object-fit:cover}.reference-fields{min-width:0;display:grid;gap:7px}.reference-fields strong{font-size:10px;overflow-wrap:anywhere;line-height:1.4}.reference-fields input,.reference-fields select{width:100%;padding:7px;font-size:11px}.reference-actions{display:grid;gap:8px}.reference-item .reference-actions button{position:static;inset:auto;width:auto;height:auto;border:0;background:transparent;color:inherit;font-size:10px;padding:4px;cursor:pointer}.pack-bar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:14px 0}.pack-bar label{flex:1 1 180px;min-width:0}.pack-bar button{font-size:10px}.pack-bar select{width:100%}#format-control{display:block;margin:14px 0}#format-control[hidden],[hidden]{display:none!important}@media(max-width:540px){.tool-tab{flex:1;justify-content:space-between;padding:12px}.tool-tab small{font-size:8px}.reference-item{grid-template-columns:52px minmax(0,1fr);gap:8px}.reference-item>img{width:52px;height:68px}.reference-actions{grid-column:2;display:flex}.tool-switch{gap:8px}}

/* Reference lists must not determine the height or position of the result canvas. */
.workspace{align-items:start}
.reference-list{max-height:350px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:4px}
.reference-guidance{margin:12px 0 18px;border-top:1px solid var(--line);padding-top:10px;min-width:0}
.reference-guidance summary{font-size:11px;cursor:pointer;padding:6px 0;color:var(--ink)}
.reference-guidance pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:11px;line-height:1.6;color:var(--muted);max-height:240px;overflow:auto;margin:10px 0}
.reference-guidance .error{color:#ffadad}
.reference-item{flex:none}
.reference-item>img{cursor:zoom-in}
.reference-fields strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#reference-progress:empty{display:none}
#reference-progress{min-height:15px;margin:8px 0}
.stage{align-self:start;position:sticky;top:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:clamp(380px,calc(100dvh - 48px),740px);width:100%;overflow:hidden}
.canvas{min-height:0;min-width:0;height:100%;padding:20px}
.canvas img,.canvas video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none}
#input-preview-dialog{width:min(1000px,calc(100vw - 32px));max-width:1000px}
#input-preview-image{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:auto}
#input-preview-description{overflow-wrap:anywhere}
@media(max-width:820px){.stage{position:relative;top:auto;align-self:stretch;height:clamp(320px,65dvh,580px)}.reference-list{max-height:310px}}
@media(max-width:560px){.canvas{min-height:0;padding:14px}.reference-list{max-height:290px}.stage{height:clamp(300px,60dvh,500px)}}


/* Controlled Pose + masked repair */
.controlled-pose-settings{border:1px solid var(--line,#34352f);padding:14px;margin:12px 0;background:rgba(255,255,255,.015)}
.controlled-pose-settings .parameter-grid{margin-top:10px}
.controlled-pose-settings input[type="range"],#repair-dialog input[type="range"]{width:100%;padding:0}
.controlled-pose-settings output,#repair-dialog output{font-variant-numeric:tabular-nums;opacity:.72;margin-left:6px}
#preview-pose{margin-top:10px}
#pose-preview-status:empty,#repair-status:empty{display:none}
#repair-dialog{width:min(980px,calc(100vw - 28px));max-width:980px}
.repair-canvas-wrap{position:relative;width:100%;max-height:62dvh;overflow:auto;border:1px solid var(--line,#34352f);background:#080908;margin:14px 0}
#repair-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}
.repair-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0}
#repair-prompt{min-height:96px}
@media(max-width:560px){.repair-tools{grid-template-columns:1fr}.controlled-pose-settings{padding:11px}}

@media(max-width:760px){.mode{align-items:flex-start;flex-wrap:wrap}.mode-model-control{width:100%;max-width:none;margin-left:0}}

/* PV Soul Pro identity pack picker */
.soul-pro-pack-preview{margin:10px 0 14px}
.soul-pro-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:2px}
.soul-pro-pack-item{position:relative;border:1px solid var(--line,#34352f);padding:5px;cursor:pointer;background:rgba(255,255,255,.015)}
.soul-pro-pack-item input{position:absolute;top:8px;left:8px;z-index:2;width:auto}
.soul-pro-pack-item img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#09090a}
.soul-pro-pack-item span{display:block;font-size:8px;line-height:1.3;margin-top:5px;overflow-wrap:anywhere;opacity:.78}
.soul-pro-pack-item:has(input:checked){outline:1px solid var(--accent-2,#d9d3cc);outline-offset:-1px}
#soul-pro-quality-row{display:block;margin-top:10px}
@media(max-width:560px){.soul-pro-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}}

/* Compact History multi-select */
.history-head-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}
.history-selection{position:sticky;top:10px;z-index:6;margin:12px 0 14px;padding:9px 11px;border:1px solid var(--line,#34352f);background:#111014f2;backdrop-filter:blur(8px);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.history-selection span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-right:auto}
.history-delete-selected{border:1px solid #6d3535;background:#2a1114;color:#ffd8d8;padding:8px 11px;font-size:10px;cursor:pointer}
.history-delete-selected:disabled{opacity:.35;cursor:default}
.upscale-info strong{color:var(--ink);font-weight:500}.upscale-info p+p{margin-top:6px}.upscale-info a{text-decoration:underline;text-underline-offset:3px}
.upscale-mode{flex-wrap:wrap}.upscale-mode .engine-pill{max-width:100%;overflow-wrap:anywhere}
#upscale-model-control{margin-bottom:12px}#upscale-topaz-control{display:block;margin-top:12px}#upscale-model-control select{font-size:11px}
.upscale-price{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px}.upscale-price .fine{margin:0}.upscale-price p{flex-basis:100%;overflow-wrap:anywhere}
.card{position:relative}
.history-select-box{position:absolute;top:9px;left:9px;z-index:5;width:27px;height:27px;border:1px solid #706b78;background:#0c0b0fe6;display:grid;place-items:center;cursor:pointer}
.history-select-box input{width:14px;height:14px;margin:0;accent-color:#bfb9b1}
#history.is-selecting .card[data-deletable="true"]{outline:1px solid transparent;outline-offset:-1px}
#history.is-selecting .card[data-deletable="true"]:has(.history-select-box input:checked){outline-color:#bfb9b1;background:rgba(139,92,246,.035)}
#history.is-selecting .card[data-deletable="false"]{opacity:.58}
@media(max-width:560px){.history-head-actions{justify-content:flex-start}.history-selection{top:4px}.history-selection span{width:100%;margin-right:0}}