/* Face workspace layout v12: bounded regions; image intrinsic dimensions never size the grid. */
#root>div:has(.face-workspace){height:100dvh;min-height:0;overflow:hidden;background:#111214}#root>div:has(.face-workspace)>div.flex-1{min-height:0;height:100%;overflow:hidden}
.face-workspace,.face-workspace *{box-sizing:border-box}.face-workspace{flex:1;height:100%;min-height:0;min-width:0;grid-template-columns:248px minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:12px;padding:14px;overflow:hidden;background:#111214}.face-sidebar{padding:0;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.face-sidebar-scroll{padding:17px;display:flex;flex-direction:column;gap:13px;flex:1;min-height:0;overflow:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#45434f transparent}.face-sidebar header h1{font-size:24px}.face-sidebar header p{font-size:10px}.face-mode-select button{min-height:78px;padding:10px 4px}.face-mode-select small{font-size:9px}.face-input{min-height:0;display:block;width:100%}.face-input img{height:140px;display:block;width:100%;object-fit:contain}.face-input-caption{padding:9px 10px}.face-input-placeholder{height:110px}.face-tip{font-size:10px;line-height:1.6}.face-submit-area{flex:none;padding:13px 16px;border-top:1px solid #ffffff0d;background:#191a1e;display:flex;flex-direction:column;gap:9px}.face-submit-area .face-submit{width:100%;margin:0;min-height:42px!important;flex-shrink:0}.face-submit-area .face-disclaimer{font-size:9px;line-height:1.5;color:#858793}.face-submit-area .sx-error{font-size:11px;max-height:100px;overflow:auto;overflow-wrap:anywhere;margin:0;line-height:1.5}.face-submit-status{font-size:10px;line-height:1.6;color:#bba9d5;display:flex;justify-content:space-between;align-items:center;gap:8px}.face-submit-status button{font-size:10px;color:#d3c1ef;background:#bba6ef0a;border:1px solid #bba6ef30;border-radius:5px;padding:5px;cursor:pointer;flex-shrink:0}.face-account-notice{padding:10px}.face-account-notice p{margin:5px 0}
.face-stage-panel{height:100%;min-height:0;min-width:0;overflow:hidden}.face-stage-head{height:auto;min-height:54px;padding:10px 12px;flex:none;gap:8px}.face-stage-head>div:first-child{min-width:0}.face-stage-head strong{font-size:11px}.face-stage-head small{font-size:9px;line-height:1.5}.face-toolbar{flex-shrink:0;gap:4px;max-width:65%}.face-icon{width:30px;height:30px}.face-canvas{flex:1 1 0%;min-height:0;min-width:0;overflow:hidden;padding:8px}.face-canvas>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;max-width:100%;max-height:100%}.face-before-after{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);min-height:0}.face-before-after figure{height:100%;min-height:0}.face-filmstrip{min-height:0;flex:none;padding:9px 12px;max-height:91px}.face-filmstrip>div{min-height:0;scrollbar-width:thin;scrollbar-color:#45434f transparent}.face-filmstrip>small{margin-bottom:6px}.face-filmstrip button{height:48px;width:51px}.face-filmstrip:has(>div:empty){height:37px}.face-filmstrip:has(>div:empty)>small{margin:0}.face-failures{flex:none;max-height:110px;font-size:10px}.face-task-popover{z-index:3;max-width:calc(100% - 24px);right:12px;bottom:12px;flex-wrap:wrap}.face-canvas-label{font-size:10px;top:16px;left:16px}
.face-settings{height:100%;min-height:0;min-width:0;overflow:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#45434f transparent;padding:18px}.face-settings header{margin-bottom:18px}.face-settings h2{font-size:14px}.face-settings section{padding-bottom:17px;margin-bottom:17px}.face-prompt-section{display:flex;flex-direction:column;gap:9px}.face-field-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.face-field-head label{font-size:12px;font-weight:500;color:#d5cddd}.face-field-head button{padding:3px 0;background:none;border:0;font-size:10px;color:#bca7e0;cursor:pointer}.face-prompt-text,.face-negative-text{display:block;width:100%;min-width:0;border:1px solid #ffffff1a;background:#101115;color:#ddd7e6;border-radius:8px;padding:11px;font:12px/1.65 system-ui;resize:vertical;outline:none}.face-prompt-text{min-height:166px;max-height:350px}.face-negative-text{min-height:107px;max-height:240px;color:#b6acbf}.face-prompt-text:focus,.face-negative-text:focus{border-color:#bba6ef80;box-shadow:0 0 0 2px #bba6ef0b}.face-prompt-section small{font-size:10px;line-height:1.65}.face-field-head button:focus-visible{outline:2px solid #bba6ef;outline-offset:3px}.face-settings .face-ratios{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.face-ratios button{min-height:57px;font-size:9px}.face-settings .face-check{font-size:11px;line-height:1.5}.face-help{font-size:10px}.face-settings .quick-advanced{line-height:1.6}
@media(max-width:1250px){.face-workspace{grid-template-columns:225px minmax(0,1fr) 270px;padding:10px;gap:9px}.face-sidebar-scroll,.face-settings{padding:14px}.face-input img{height:125px}.face-stage-head small{display:none}.face-toolbar{max-width:100%}.face-stage-head strong{font-size:10px}.face-prompt-text{font-size:11px}.face-negative-text{font-size:11px}}
@media(max-width:1000px){#root>div:has(.face-workspace){height:auto;min-height:100dvh;overflow:visible}#root>div:has(.face-workspace)>div.flex-1{height:auto;overflow:visible}.face-workspace{height:auto;min-height:100dvh;grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(520px,72dvh) auto;overflow:visible;align-content:start}.face-stage-panel,.face-sidebar{height:100%;min-height:0;max-height:none}.face-settings{grid-column:1/-1;height:auto;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.face-settings header{display:flex;grid-column:1/-1;margin:0}.face-settings .face-prompt-section{grid-row:span 3}.face-settings section{padding:0;margin:0;border:0}.face-settings .face-help{display:block}.face-settings>.quick-advanced{display:block;margin:0}.face-input img{height:120px}.face-submit-area{padding:12px}.face-sidebar-scroll{padding:13px;gap:11px}.face-stage-head strong{display:none}}
@media(max-width:640px){.face-workspace{display:flex;flex-direction:column;min-height:0;padding:8px;gap:10px}.face-sidebar{height:auto;display:flex;max-height:none}.face-sidebar-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.face-sidebar-scroll>header,.face-sidebar-scroll>.face-mode-select,.face-sidebar-scroll>.face-tip{grid-column:1/-1}.face-sidebar-scroll>.face-input-wrap{min-width:0}.face-input-caption strong{font-size:10px}.face-input-caption small{font-size:9px}.face-input img{height:140px}.face-stage-panel{height:65dvh;min-height:380px}.face-settings{display:flex;flex-direction:column;padding:16px;gap:20px}.face-prompt-text{min-height:130px}.face-negative-text{min-height:85px}.face-settings header{display:flex}.face-toolbar{max-width:100%;width:100%;justify-content:flex-end}}
#root>div:has(.face-workspace){width:100%;max-width:none}#root>div:has(.face-workspace)>div.flex-1{flex:1 1 0%!important;min-width:0;width:0;max-width:none;align-items:stretch}.face-workspace{width:100%;max-width:none;align-self:stretch}