@font-face{font-family:LED Dot Matrix;src:url(/led-dot-matrix.ttf) format("truetype");font-display:swap}:root{--bg: #07090b;--panel: #101316;--panel-2: #171b20;--border: #242930;--border-soft: #1b1f25;--text: #f4f4f2;--muted: #a1a6ad;--muted-soft: #6f757d;--accent-primary: #ff3b1f;--accent-primary-hover: #ff4d2e;--accent-primary-soft: rgba(255, 59, 31, .12);--accent-rgb: 255, 59, 31;--teal: var(--accent-primary);--green: var(--accent-primary-hover);--accent-cyan: #40c7e8;--gradient: linear-gradient(110deg, #ff321b, #ff662c);--danger: #ff533a;color-scheme:dark;font-family:Space Grotesk,Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(var(--accent-rgb),.06) 0 1px,transparent 1px 19rem),linear-gradient(45deg,rgba(255,255,255,.024) 0 1px,transparent 1px 24rem),linear-gradient(180deg,#0b0e12 0%,var(--bg) 48%,#040506 100%);color:var(--text)}button,input{font:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.appShell{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;margin:0 auto;padding:14px 16px 16px;isolation:isolate}.appShell:before{content:"";position:absolute;z-index:-1;top:-24px;left:clamp(440px,36vw,680px);width:1px;height:188px;background:linear-gradient(180deg,transparent,rgba(var(--accent-rgb),.95),transparent);transform:rotate(42deg);pointer-events:none}.topBar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:0 12px;margin-bottom:12px}.brandBlock{display:flex;align-items:center;gap:13px}.brandMarkShell{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;filter:drop-shadow(0 10px 18px rgba(var(--accent-rgb),.16))}.brandMark{display:block;width:100%;height:100%;object-fit:contain}.brandCopy{display:grid;gap:6px;width:fit-content}.brandBlock h1{margin:0;width:max-content;font-size:clamp(29px,2.2vw,36px);font-weight:640;line-height:1}.brandBlock h1 span{color:var(--accent-primary)}.brandLedDisplay{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%;max-width:min(420px,calc(100vw - 170px));min-height:20px;overflow:hidden;margin:0;padding:3px 9px 4px;border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent-primary));border-radius:7px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),transparent 34%,rgba(var(--accent-rgb),.06)),#0a0d10;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 0 20px #000000ad,0 0 18px rgba(var(--accent-rgb),.08);white-space:nowrap}.brandLedDisplay:before{content:"";position:absolute;z-index:-1;top:3px;right:3px;bottom:3px;left:3px;border-radius:4px;background-image:radial-gradient(circle,rgba(var(--accent-rgb),.08) 0 .56px,transparent .76px);background-size:3.4px 3.4px;opacity:.62;pointer-events:none}.brandLedDisplay span{display:inline-block;margin:0;color:#ff6a2a;font-family:LED Dot Matrix,IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:400;line-height:1;letter-spacing:.72px;text-transform:uppercase;text-shadow:0 0 4px rgba(var(--accent-rgb),.58),0 0 11px rgba(var(--accent-rgb),.2)}.brandLedPrefix{position:relative;z-index:1}.brandLedWordSlot{position:relative;display:block;min-width:0;height:1em}.brandLedWord{position:absolute;inset:0 auto auto 0;opacity:0;filter:blur(2px);transform:translateY(3px);animation-duration:9.4s;animation-iteration-count:infinite;animation-fill-mode:both}.brandLedBoot{animation-name:brandLedBootCycle}.brandLedUpscale{animation-name:brandLedUpscaleCycle}.brandLedRemaster{animation-name:brandLedRemasterCycle}.brandLedReimagine{animation-name:brandLedReimagineCycle}.workspaceGrid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,310px) minmax(520px,1fr) minmax(270px,310px);gap:16px;align-items:stretch}.workspaceGridMainOnly{grid-template-columns:minmax(270px,300px) minmax(760px,1fr)}.panel{position:relative;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff06,#fff0),color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 12px 32px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.leftPanel,.progressPanel{padding:18px}.leftPanel{display:flex;flex-direction:column;background-image:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.mobileSheetHandle,.mobilePreviewPicker,.mobileImportInput,.mobilePageHeader,.mobileGenerationCancelMeta,.mobileGenerationJobError,.mobileGenerationSourceShell,.mobileGenerationSource,.mobileRemasterDescription,.mobileStyleRoute,.mobileResultEmpty,.mobileResultJobBar,.mobileTabPage,.mobileBottomNav,.mobileSectionTitle,.dropzoneMobileLabel,.scaleButtonDescription,.creativeFreedomCopy small{display:none}.mobileControlScroller{display:contents}.centerPanel{display:flex;flex-direction:column;min-width:0;padding:18px 14px 14px;overflow:hidden}.centerPanel:after{content:"";position:absolute;right:-1px;bottom:-1px;width:34px;height:34px;background:var(--gradient);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.94;pointer-events:none}.panelHeader{display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px}.panel h2,.panelHeader h2{position:relative;margin:0;font-size:14px;font-weight:760;line-height:1.3;text-transform:uppercase}.panel h2:before,.panelHeader h2:before{content:"/";display:inline-block;margin-right:9px;color:var(--accent-primary);font-weight:900}.panelSection+.panelSection{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-soft)}.dropzone{display:grid;place-items:center;gap:7px;min-height:176px;margin-top:14px;padding:16px;border:1px dashed rgba(var(--accent-rgb),.5);border-radius:8px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),transparent 42%),#ffffff03;color:var(--text);text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.dropzone:hover,.dropzone.isDragging{border-color:var(--accent-primary);background:linear-gradient(145deg,rgba(var(--accent-rgb),.11),transparent 46%),#ffffff06}.desktopSourceError{margin:8px 2px 0;color:color-mix(in srgb,var(--danger) 78%,var(--text));font-size:12px;font-weight:650;line-height:1.4}.dropzone.isDisabled{cursor:not-allowed;opacity:.62}.dropzoneIcon{display:grid;place-items:center;width:54px;height:54px;color:var(--accent-primary);filter:drop-shadow(0 8px 18px rgba(var(--accent-rgb),.22));transition:color .16s ease,filter .16s ease}.dropzone:hover .dropzoneIcon,.dropzone.isDragging .dropzoneIcon{color:var(--accent-primary-hover);filter:drop-shadow(0 10px 24px rgba(var(--accent-rgb),.32))}.dropzone strong{max-width:100%;overflow-wrap:anywhere;font-size:15px}.dropzone.hasFile{grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon filename" "icon action" "icon meta";place-items:center stretch;column-gap:12px;row-gap:3px;min-height:96px;padding:13px 14px;text-align:left}.dropzone.hasFile .dropzoneIcon{grid-area:icon;width:46px;height:46px}.dropzone.hasFile strong{grid-area:filename;min-width:0;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.dropzone.hasFile span{grid-area:action;font-size:12px}.dropzone.hasFile small{grid-area:meta;font-size:10px}.dropzone span,.dropzone small{color:var(--muted)}.fieldLabel{display:block;margin:14px 0 8px;color:var(--text);font-size:12px;font-weight:720;text-transform:uppercase}.scaleButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scaleButton,.remasterModeButton{display:grid;place-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--text);cursor:pointer}.scaleButton:disabled{cursor:not-allowed;opacity:.55}.scaleButton.isUnavailable,.scaleButton.isUnavailable:disabled{border-color:color-mix(in srgb,var(--border) 62%,#000000);background:color-mix(in srgb,var(--panel-strong) 48%,#000000);color:color-mix(in srgb,var(--muted-soft) 52%,#000000);box-shadow:inset 0 1px 8px #00000038;opacity:1}.scaleButton.isActive,.remasterModeButton.isActive{border-color:transparent;background:var(--gradient);color:#fff;box-shadow:0 12px 28px rgba(var(--accent-rgb),.24)}.remasterModeButton:disabled{cursor:not-allowed;opacity:.55}.transformationControls{display:grid;gap:9px}.transformationControls>.fieldLabel{margin:0}.transformationModeButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.transformationModeButton{display:inline-flex;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#ffffff06;color:var(--text);font-size:11px;font-weight:760;cursor:pointer;box-shadow:inset 0 1px #ffffff09;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.transformationModeButton.isActive{border-color:rgba(var(--accent-rgb),.82);background:var(--gradient);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c,0 12px 28px rgba(var(--accent-rgb),.24)}.transformationModeButton:disabled{cursor:not-allowed;opacity:.55}.transformationStrength{display:grid;gap:7px;padding:11px 12px 10px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.04),transparent 48%),#ffffff05}.transformationStrengthHeader{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.transformationStrengthHeader label{min-width:0;color:var(--text);font-size:12px;font-weight:760}.transformationStrengthTitle{display:inline-flex;min-width:0;align-items:center;gap:6px}.transformationStrengthInfo{position:relative;display:inline-grid;width:44px;height:44px;flex:0 0 auto;place-items:center;margin:-9px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.transformationStrengthInfo:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:50%;background:#ffffff06}.transformationStrengthInfo svg{position:relative;z-index:1}.transformationStrengthInfo:hover,.transformationStrengthInfo[aria-expanded=true]{color:var(--accent-primary-hover)}.transformationStrengthInfo:hover:before,.transformationStrengthInfo[aria-expanded=true]:before{border-color:color-mix(in srgb,var(--accent-primary) 48%,var(--border));background:rgba(var(--accent-rgb),.09)}.transformationStrengthInfo:focus-visible{outline:3px solid rgba(var(--accent-rgb),.22);outline-offset:2px}.transformationStrengthHeader output{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:var(--accent-primary-hover);font-size:10px;font-weight:780}.transformationStrength input[type=range]{width:100%;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.transformationStrength input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent-primary) 0 var(--strength-progress),color-mix(in srgb,var(--muted-soft) 38%,transparent) var(--strength-progress) 100%)}.transformationStrength input[type=range]::-webkit-slider-thumb{width:19px;height:19px;margin-top:-7.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid color-mix(in srgb,var(--accent-primary-hover) 70%,#ffffff);border-radius:50%;background:var(--accent-primary);box-shadow:0 4px 14px rgba(var(--accent-rgb),.38)}.transformationStrength input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--muted-soft) 38%,transparent)}.transformationStrength input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent-primary)}.transformationStrength input[type=range]::-moz-range-thumb{width:17px;height:17px;border:2px solid color-mix(in srgb,var(--accent-primary-hover) 70%,#ffffff);border-radius:50%;background:var(--accent-primary);box-shadow:0 4px 14px rgba(var(--accent-rgb),.38)}.transformationStrength input[type=range]:focus-visible{outline:3px solid rgba(var(--accent-rgb),.24);outline-offset:3px;border-radius:999px}.transformationStrength input[type=range]:disabled{cursor:not-allowed;opacity:.55}.transformationStrengthAnchors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-3px;color:var(--muted);font-size:9px;font-weight:640}.transformationStrengthAnchors span:nth-child(2){text-align:center}.transformationStrengthAnchors span:last-child{text-align:right}.transformationStrength p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.transformationStrengthDescription{display:grid;gap:5px}.transformationStrength .transformationStrengthWarning{color:color-mix(in srgb,var(--accent-primary-hover) 72%,var(--text))}.transformationControls+.settingsBlock{margin-top:14px}.reimagineDirections{margin-top:12px}.estimateBox{display:grid;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:6px 12px;min-height:64px;margin-top:10px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.035),transparent 42%),#ffffff05;text-align:left}.estimateBox span,.estimateBox small{color:var(--muted)}.estimateBox strong{justify-self:end;font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:17px;overflow-wrap:anywhere}.estimateBox strong:only-child{grid-column:1 / -1;justify-self:center}.estimateBox small{grid-column:1 / -1}.remasterControls{margin-top:12px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.remasterControls .fieldLabel{margin:0 0 10px}.qualityControls{margin-top:12px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.qualityControls .fieldLabel{margin:0 0 10px}.qualityDropdown{position:relative;z-index:8}.qualitySelectButton{position:relative;display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:10px;padding:8px 34px 8px 12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.05),transparent 45%),#ffffff06;color:var(--text);font:inherit;font-size:13px;font-weight:760;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.qualitySelectButton:after{content:"";position:absolute;top:50%;right:13px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:.68;transform:translateY(-65%) rotate(45deg);transition:transform .16s ease}.qualitySelectButton:hover,.qualitySelectButton.isOpen{border-color:color-mix(in srgb,var(--accent-primary) 58%,var(--border));background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),transparent 48%),#ffffff09}.qualitySelectButton.isOpen{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.qualitySelectButton.isOpen:after{transform:translateY(-35%) rotate(225deg)}.qualitySelectButton:disabled{cursor:not-allowed;opacity:.55}.qualityMenu{position:absolute;top:auto;right:0;bottom:calc(100% + 8px);left:0;z-index:20;display:grid;gap:4px;padding:6px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--accent-primary));border-radius:8px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),transparent 52%),color-mix(in srgb,var(--panel) 96%,#000000 4%);box-shadow:0 18px 38px #0000006b,inset 0 0 0 1px #ffffff06}.qualityMenu:before{content:"";position:absolute;top:auto;right:18px;bottom:-5px;width:9px;height:9px;border-right:1px solid color-mix(in srgb,var(--border) 82%,var(--accent-primary));border-bottom:1px solid color-mix(in srgb,var(--border) 82%,var(--accent-primary));background:color-mix(in srgb,var(--panel) 96%,#000000 4%);transform:rotate(45deg)}.qualityOption{width:100%;display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:730;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.qualityOption:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-primary) 42%,var(--border));background:rgba(var(--accent-rgb),.12)}.qualityOption.isSelected{border-color:transparent;background:var(--gradient);color:#fff;box-shadow:0 10px 24px rgba(var(--accent-rgb),.2)}.qualityOption small{color:currentColor;font-size:10px;font-weight:720;text-transform:uppercase;opacity:.52}.qualityOption:disabled{cursor:not-allowed;color:var(--muted-soft);opacity:.78}.remasterModeButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.remasterModeButton{min-width:0;min-height:36px;padding:6px 4px;font-size:10px;font-weight:750;line-height:1;overflow:hidden;text-overflow:clip;white-space:nowrap}.styleSelector{display:grid;gap:10px;margin-top:10px}.toggleRow.creativeFreedomToggle{margin-top:9px;min-height:38px;font-size:12px;font-weight:760}.toggleRow.creativeFreedomToggle input{accent-color:var(--accent-primary)}.toggleRow.creativeFreedomToggle:has(input:checked){border-color:color-mix(in srgb,var(--accent-primary) 58%,var(--border));background:linear-gradient(135deg,rgba(var(--accent-rgb),.14),transparent 50%),#ffffff06;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}.toggleRow.creativeFreedomToggle:has(input:disabled){cursor:not-allowed;opacity:.58}.styleSelectorHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.styleSelectorHeader .fieldLabel{margin:0}.styleCount{color:var(--accent-primary-hover);font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800}.styleOpenButton{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.055),transparent 44%),#ffffff06;color:var(--text);cursor:pointer;font-size:12px;font-weight:760;text-align:left}.styleOpenButton:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-primary) 56%,var(--border));background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),transparent 48%),#ffffff09}.styleOpenButton:disabled{cursor:not-allowed;opacity:.56}.styleOpenButton>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styleOpenThumbs{display:inline-flex;align-items:center;justify-content:center;width:76px;height:30px;color:var(--muted)}.styleOpenThumbs:not(:has(img)){width:30px}.styleOpenThumbs img{width:25px;height:25px;flex:0 0 25px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:6px;object-fit:cover;box-shadow:0 7px 14px #0000003d}.styleOpenThumbs img+img{margin-left:-12px}.selectedStyleChips{display:grid;gap:6px}.selectedStyleChip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:5px 8px 5px 5px;border:1px solid color-mix(in srgb,var(--border) 72%,var(--accent-primary));border-radius:8px;background:rgba(var(--accent-rgb),.08);color:var(--text);cursor:pointer;font-size:11px;font-weight:760;text-align:left}.selectedStyleChip:disabled{cursor:not-allowed;opacity:.58}.selectedStyleChip img{width:24px;height:24px;border-radius:6px;object-fit:cover}.selectedStyleChip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styleBrowserOverlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#0000009e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.styleBrowserDialog{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;width:min(1120px,100%);max-height:min(820px,calc(100vh - 44px));padding:16px;border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent-primary));border-radius:8px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),transparent 42%),color-mix(in srgb,var(--panel) 96%,#000000 4%);box-shadow:0 30px 70px #00000085,inset 0 0 0 1px #ffffff09}.styleBrowserHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.styleBrowserHeader h3{margin:0;color:var(--text);font-size:18px;font-weight:820;line-height:1.1}.styleBrowserHeader span{display:block;margin-top:5px;color:var(--accent-primary-hover);font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}.styleIconButton{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--text);cursor:pointer}.styleIconButton:hover{border-color:rgba(var(--accent-rgb),.52);color:var(--accent-primary)}.styleBrowserSearch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--muted)}.styleBrowserSearch input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.styleBrowserSearch input::placeholder{color:var(--muted-soft)}.styleBrowserSearch input::-webkit-search-cancel-button,.mobileStyleSearch input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.styleSearchClear,.mobileStyleSearchClear{display:grid;place-items:center;flex:0 0 auto;border:0;background:transparent;color:var(--muted);cursor:pointer}.styleSearchClear{width:28px;height:28px;margin-right:-5px;border-radius:8px}.styleSearchClear:hover{background:rgba(var(--accent-rgb),.09);color:var(--text)}.styleCategoryRail{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.styleCategoryButton{display:inline-flex;align-items:center;gap:6px;min-height:32px;flex:0 0 auto;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:#ffffff06;color:var(--muted);cursor:pointer;font-size:11px;font-weight:780}.styleCategoryButton.isActive{border-color:transparent;background:var(--gradient);color:#fff;box-shadow:0 10px 22px rgba(var(--accent-rgb),.2)}.styleBrowserBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:14px;min-height:0}.styleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));align-content:start;gap:10px;min-height:0;overflow:auto;padding-right:2px}.styleCard{position:relative;display:grid;gap:8px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 58%),#ffffff05;color:var(--text);text-align:left;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease}.styleCard:hover,.styleCard:has(.styleCardSelect:focus-visible){border-color:color-mix(in srgb,var(--accent-primary) 52%,var(--border));background:linear-gradient(145deg,rgba(var(--accent-rgb),.09),transparent 58%),#ffffff08}.styleCard:has(.styleCardSelect:focus-visible){outline:none}.styleCard.isSelected{border-color:transparent;background:linear-gradient(145deg,rgba(var(--accent-rgb),.26),rgba(var(--accent-rgb),.06)),#ffffff08;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.44),0 12px 24px rgba(var(--accent-rgb),.14)}.styleCard.isUnavailable:not(.isSelected){opacity:.42}.styleCardSelect{display:grid;gap:8px;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.styleCardSelect:disabled{cursor:not-allowed}.styleCardSelect:focus-visible{outline:none}.styleCardImageWrap{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:7px;background:#ffffff09}.styleCardImageWrap img{display:block;width:100%;height:100%;object-fit:cover}.styleCardSelected{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--gradient);color:#fff;opacity:0;transform:scale(.8);transition:opacity .14s ease,transform .14s ease}.styleCard.isSelected .styleCardSelected{opacity:1;transform:scale(1)}.styleCardMeta{display:grid;gap:3px;min-width:0;padding-right:28px}.styleCardMeta strong,.styleCardMeta small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styleCardMeta strong{font-size:12px;font-weight:820}.styleCardMeta small{color:var(--muted);font-size:10px;font-weight:760;text-transform:uppercase}.styleFavoriteButton{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--muted)}.styleFavoriteButton:hover,.styleFavoriteButton.isFavorite{border-color:rgba(var(--accent-rgb),.5);color:var(--accent-primary)}.styleFavoriteButton.isFavorite svg{fill:currentColor}.stylePreviewPane{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.stylePreviewPane img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.stylePreviewMeta{display:grid;gap:5px;padding:13px;border-top:1px solid var(--border-soft)}.stylePreviewMeta span{color:var(--accent-primary-hover);font-size:10px;font-weight:820;text-transform:uppercase}.stylePreviewMeta strong{min-width:0;overflow:hidden;color:var(--text);font-size:17px;font-weight:820;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.postControls{margin-top:4px}.toggleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#ffffff05;color:var(--text);font-size:14px;cursor:pointer}.toggleRow input{width:18px;height:18px;accent-color:var(--teal)}.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;margin-top:auto;border-radius:8px;background:var(--gradient);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 32px rgba(var(--accent-rgb),.24)}.leftPanelFooter{display:grid;gap:10px;margin-top:auto}.leftPanelFooter .primaryButton{margin-top:0}.primaryButton:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.cancelPrimaryButton{border-color:rgba(var(--accent-rgb),.42);background:var(--gradient);box-shadow:0 14px 32px rgba(var(--accent-rgb),.22)}.mobileGenerationCancelAction{display:inline-flex;align-items:center;justify-content:center;gap:12px}.jobProgressCard{padding:14px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),transparent 42%),#ffffff05}.jobProgressHeader,.jobProgressMeta{display:flex;align-items:center;justify-content:space-between;gap:10px}.jobProgressHeader{margin-bottom:10px}.jobProgressHeader strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.jobProgressHeader span{color:var(--accent-primary-hover);font-size:13px;font-weight:800}.progressTrack.compactProgressTrack{height:7px}.compactProgressTrack .progressFill{transition-duration:.95s;transition-timing-function:linear}.jobProgressMeta{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.35}.jobProgressMeta span{min-width:0}.jobProgressCard p{margin:9px 0 0;color:#ffd7d4;font-size:12px;line-height:1.4}.jobProgressCard.isFailed{border-color:#ff766f5c;background:#ff766f14}.jobProgressCard.isFailed .progressFill{background:var(--gradient)}.privacyNote{display:flex;align-items:flex-start;justify-content:center;gap:9px;margin:24px 8px 0;color:var(--muted);text-align:center;font-size:13px;line-height:1.45}.viewerShell{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.viewerHeader{align-items:center;min-height:44px;gap:16px}.viewerToolbar{display:flex;align-items:center;gap:8px;flex:0 0 auto}.viewerZoomControls{display:contents}.iconButton,.zoomPill,.zoomInput{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--panel-2) 64%,transparent);color:var(--text);cursor:pointer}.iconButton:hover,.zoomPill:hover,.zoomInput:focus,.iconButton.isActive{border-color:rgba(var(--accent-rgb),.56);color:var(--accent-primary)}.iconButton:disabled{cursor:not-allowed;opacity:.5}.clearImageButton{color:var(--danger)}.clearImageButton:hover{border-color:rgba(var(--accent-rgb),.55);color:var(--accent-primary-hover)}.zoomPill{min-width:82px;color:var(--muted)}.zoomInput{width:82px;min-width:82px;text-align:center;outline:none;color:var(--text);cursor:text}.compareStage{position:relative;flex:1;height:auto;min-height:420px;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.03),transparent 34%),#090c10;touch-action:none;-webkit-user-select:none;user-select:none}.compareStage.isUploadTarget{border-color:rgba(var(--accent-rgb),.72);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.28),0 0 32px rgba(var(--accent-rgb),.14)}.compareStage.isUploadTarget:after{content:"";position:absolute;z-index:6;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed rgba(var(--accent-rgb),.7);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),transparent);pointer-events:none}.imageReferenceGrid{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;contain:strict}.imageReferenceGrid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;--reference-grid-cross-half-line: .42px;--reference-grid-cross-radius: 3.4px;--reference-grid-cross-feather: 4px;background-image:linear-gradient(45deg,transparent calc(50% - var(--reference-grid-cross-half-line)),var(--accent-primary) calc(50% - var(--reference-grid-cross-half-line)) calc(50% + var(--reference-grid-cross-half-line)),transparent calc(50% + var(--reference-grid-cross-half-line))),linear-gradient(-45deg,transparent calc(50% - var(--reference-grid-cross-half-line)),var(--accent-primary) calc(50% - var(--reference-grid-cross-half-line)) calc(50% + var(--reference-grid-cross-half-line)),transparent calc(50% + var(--reference-grid-cross-half-line)));background-position:var(--reference-grid-x, 0) var(--reference-grid-y, 0),var(--reference-grid-x, 0) var(--reference-grid-y, 0);background-size:var(--reference-grid-major-spacing, 128px) var(--reference-grid-major-spacing, 128px),var(--reference-grid-major-spacing, 128px) var(--reference-grid-major-spacing, 128px);-webkit-mask-image:radial-gradient(circle at center,#000 0 var(--reference-grid-cross-radius),transparent var(--reference-grid-cross-feather));-webkit-mask-position:var(--reference-grid-x, 0) var(--reference-grid-y, 0);-webkit-mask-size:var(--reference-grid-major-spacing, 128px) var(--reference-grid-major-spacing, 128px);mask-image:radial-gradient(circle at center,#000 0 var(--reference-grid-cross-radius),transparent var(--reference-grid-cross-feather));mask-position:var(--reference-grid-x, 0) var(--reference-grid-y, 0);mask-size:var(--reference-grid-major-spacing, 128px) var(--reference-grid-major-spacing, 128px);filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.24))}.imageReferenceGrid.isMajorDotGrid:after{--reference-grid-major-dot-radius: 1.03px;background-image:radial-gradient(circle,var(--accent-primary) 0 var(--reference-grid-major-dot-radius),transparent calc(var(--reference-grid-major-dot-radius) + .5px));-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.22))}.imageReferenceGrid.hasDotGrid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--reference-grid-dot-opacity, .42);background-image:radial-gradient(circle,rgba(255,255,255,.38) 0 .9px,transparent 1.16px);background-position:var(--reference-grid-x, 0) var(--reference-grid-y, 0);background-size:var(--reference-grid-spacing, 16px) var(--reference-grid-spacing, 16px)}.compareStage.isPanMode,.compareStage.isPanMode .compareImage,.splitLine,.splitHandle{cursor:grab}.compareStage.isPanning,.compareStage.isPanning .compareImage,.compareStage.isSliding .splitLine,.compareStage.isSliding .splitHandle{cursor:grabbing}.compareLayer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:clip-path}.compareStage.isAutoRevealing .compareLayer{transition:clip-path .82s cubic-bezier(.16,.86,.18,1)}.beforeLayer{z-index:1}.afterLayer{z-index:2}.compareImage{position:absolute;display:block;will-change:transform}.imageCornerFrame{position:absolute;z-index:3;pointer-events:none;--corner-frame-length: 42px;--corner-frame-line-width: 1.5px}.cornerFrameSegment{position:absolute;width:var(--corner-frame-length);height:var(--corner-frame-length);opacity:.92;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.32)) drop-shadow(0 0 16px rgba(var(--accent-rgb),.14))}.cornerFrameSegment:before,.cornerFrameSegment:after{content:"";position:absolute;border-radius:999px;background:var(--accent-primary)}.cornerFrameSegment:before{width:100%;height:var(--corner-frame-line-width)}.cornerFrameSegment:after{width:var(--corner-frame-line-width);height:100%}.cornerFrameTopLeft{top:0;left:0}.cornerFrameTopLeft:before,.cornerFrameTopLeft:after{top:0;left:0}.cornerFrameTopRight{top:0;right:0}.cornerFrameTopRight:before,.cornerFrameTopRight:after{top:0;right:0}.cornerFrameBottomLeft{bottom:0;left:0}.cornerFrameBottomLeft:before,.cornerFrameBottomLeft:after{bottom:0;left:0}.cornerFrameBottomRight{right:0;bottom:0}.cornerFrameBottomRight:before,.cornerFrameBottomRight:after{right:0;bottom:0}.afterImageReveal{animation:resultReveal .52s ease-out both}.pendingAfter{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent}.pendingImage{opacity:.82;filter:blur(0) saturate(.95) brightness(.78)}.pendingAfter.isProcessing .pendingImage{opacity:var(--processing-image-opacity, .72);filter:blur(var(--processing-image-blur, 14px)) saturate(var(--processing-image-saturation, .75)) brightness(var(--processing-image-brightness, .56));transition:opacity .9s linear,filter .9s linear}.processingOverlay,.completionOverlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.completionFilterDefs{position:absolute;width:0;height:0;overflow:hidden}.completionImageLayer{position:absolute;overflow:hidden;will-change:transform}.completionImage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:url(#completionEnergyDistort);animation:completionImageOut .98s cubic-bezier(.18,.86,.18,1) both}.completionWave{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(circle at 50% 50%,#eef7f500 0,#eef7f500 18%,rgba(var(--completion-wave-rgb),.48) 22%,rgba(var(--completion-wave-soft-rgb),.26) 27%,#eef7f500 36%),radial-gradient(circle at 50% 50%,rgba(var(--completion-wave-rgb),.18),#eef7f500 58%);opacity:0;transform:scale(.18);animation:completionWavePulse .98s cubic-bezier(.16,.84,.2,1) both}.processingDotCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.96}.imageLabel{position:absolute;z-index:4;top:18px;padding:9px 12px;border-radius:8px;background:#00000080;color:var(--text);font-size:12px;font-weight:800;text-transform:uppercase}.labelLeft{left:18px}.labelRight{right:18px}.labelRight{box-shadow:inset 3px 0 0 var(--accent-primary)}.splitLine{position:absolute;z-index:4;top:0;bottom:0;width:54px;background:transparent;transform:translate(-27px);pointer-events:auto}.compareStage.isAutoRevealing .splitLine{transition:left .82s cubic-bezier(.16,.86,.18,1)}.splitLine:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#eef7f5eb;transform:translate(-.5px)}.splitHandle{position:absolute;top:50%;left:50%;width:46px;height:46px;border:1px solid rgba(238,247,245,.95);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 8px 28px #00000059;transform:translate(-50%,-50%)}.splitHandle:before,.splitHandle:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-top:2px solid var(--text);border-left:2px solid var(--text)}.splitHandle:before{left:14px;transform:translateY(-50%) rotate(-45deg)}.splitHandle:after{right:14px;transform:translateY(-50%) rotate(135deg)}.emptyPreview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;color:var(--muted);text-align:center}.emptyPreview strong{color:var(--text);font-size:20px}.fileInfoBar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;margin-top:12px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.035),transparent 38%),#ffffff05}.fileInfoSide{display:flex;align-items:center;gap:14px;min-width:0}.fileInfoText{min-width:0;max-width:100%}.fileInfoSideRight{justify-content:flex-end;text-align:right}.fileInfoSide strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px}.fileInfoSide span{display:block;margin-top:5px;color:var(--muted);font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.fileIcon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;color:var(--muted)}.fileArrow{color:currentColor;display:block;transform:rotate(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.82,.18,1)}.fileArrowButton{display:grid;place-items:center;justify-self:center;width:44px;height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);transition:border-color .15s ease,background .15s ease,color .52s ease}.fileArrowButton:not(:disabled):hover{border-color:rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.09);color:var(--accent-primary)}.fileArrowButton:not(:disabled):hover .fileArrow,.fileArrowButton.isPromoteFlashing .fileArrow{transform:rotate(-180deg)}.fileArrowButton.isPromoteFlashing{animation:fileArrowPromoteFlash .52s ease-out both}.fileArrowButton.isPromoteFlashing:disabled{opacity:1}.fileArrowButton:disabled{cursor:default;opacity:.54}.downloadButton{flex:0 0 auto;margin-left:12px;color:var(--accent-primary);text-decoration:none}.mobileResultHoldHint{display:none}.progressPanel h2{margin-bottom:24px}.stepList{position:relative}.stepRow{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;min-height:52px}.stepRow:not(:last-child):after{content:"";position:absolute;top:31px;left:12px;width:2px;height:calc(100% - 30px);background:#ffffff1f}.stepMarker{position:relative;z-index:2;display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border:3px solid rgba(142,163,160,.42);border-radius:999px;background:var(--panel);color:#041011}.stepRow.isComplete .stepMarker{border-color:transparent;background:var(--gradient)}.stepRow.isActive .stepMarker{border-color:var(--teal);color:var(--teal)}.stepContent{padding-bottom:16px;color:var(--muted)}.stepContent strong{display:block;color:var(--muted);font-size:15px;line-height:1.3}.stepRow.isActive .stepContent strong,.stepRow.isComplete .stepContent strong{color:var(--text)}.spinnerIcon{animation:spin .95s linear infinite}.tileProgress{margin-top:8px}.tileProgress span{display:block;margin-bottom:8px;color:var(--muted);font-size:14px}.progressTrack{height:8px;overflow:hidden;border-radius:999px;background:#8ea3a02e}.progressFill{height:100%;border-radius:inherit;background:var(--gradient);transition:width .18s ease}.promptCard{margin-top:20px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06}.promptHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.promptActions{display:flex;align-items:center;gap:8px}.promptHeader h3{margin:0;font-size:15px}.promptTextarea{width:100%;min-height:180px;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;resize:vertical;background:#0000002e;color:var(--text);font-size:13px;line-height:1.5;outline:none}.promptTextarea:focus{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.promptTextarea:disabled{opacity:.72;cursor:not-allowed}.promptCard p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.promptCard small{display:block;margin-top:8px;color:var(--green)}.errorBox{margin-top:16px;padding:12px;border:1px solid rgba(255,118,111,.4);border-radius:8px;background:#ff766f14;color:#ffd7d4;font-size:14px;line-height:1.45}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultReveal{0%{opacity:0;filter:blur(14px) saturate(.85)}to{opacity:1;filter:blur(0) saturate(1)}}@keyframes fileArrowPromoteFlash{0%,18%{border-color:rgba(var(--accent-rgb),.68);background:rgba(var(--accent-rgb),.18);color:var(--accent-primary);box-shadow:0 0 rgba(var(--accent-rgb),.22)}to{border-color:transparent;background:transparent;color:var(--muted);box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}}@keyframes completionImageOut{0%{opacity:.74;filter:url(#completionEnergyDistort) blur(14px) saturate(.72) brightness(.6)}45%{opacity:.54;filter:url(#completionEnergyDistort) blur(5px) saturate(1.08) brightness(1.02)}to{opacity:0;filter:url(#completionEnergyDistort) blur(0) saturate(1) brightness(1.12)}}@keyframes completionWavePulse{0%{opacity:0;transform:scale(.16)}30%{opacity:.72}to{opacity:0;transform:scale(1.28)}}@keyframes brandLedBootCycle{0%,4%,11%{opacity:1;filter:blur(0);transform:translateY(0)}14%,to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}@keyframes brandLedUpscaleCycle{0%,12%{opacity:0;filter:blur(2px);transform:translateY(3px)}15%,36%{opacity:1;filter:blur(0);transform:translateY(0)}39%,to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}@keyframes brandLedRemasterCycle{0%,37%{opacity:0;filter:blur(2px);transform:translateY(3px)}40%,61%{opacity:1;filter:blur(0);transform:translateY(0)}64%,to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}@keyframes brandLedReimagineCycle{0%,62%{opacity:0;filter:blur(2px);transform:translateY(3px)}65%,94%{opacity:1;filter:blur(0);transform:translateY(0)}98%,to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}@media(max-width:1220px){.appShell{width:100%}.workspaceGrid{grid-template-columns:minmax(250px,290px) minmax(520px,1fr)}.workspaceGridMainOnly{grid-template-columns:minmax(250px,290px) minmax(560px,1fr)}.progressPanel{grid-column:1 / -1}}@media(max-width:900px){.appShell{width:100%;min-height:auto;padding:18px 12px}.appShell:before{display:none}.topBar,.workspaceGrid{display:grid;grid-template-columns:1fr}.topBar{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 4px}.brandMarkShell{width:46px;height:46px}.brandBlock h1{font-size:30px}.brandLedDisplay{max-width:min(310px,calc(100vw - 128px));gap:5px;padding-inline:8px}.brandLedDisplay span{font-size:8px;letter-spacing:.82px}.viewerHeader{align-items:center;flex-direction:column;min-height:0;padding-bottom:14px}.viewerToolbar{justify-content:flex-start;flex-wrap:wrap}.compareStage{flex:none;height:420px}.fileInfoBar{grid-template-columns:1fr}.fileArrowButton{transform:rotate(90deg)}.fileInfoSideRight{justify-content:space-between;text-align:left}.styleBrowserOverlay{align-items:end;padding:10px}.styleBrowserDialog{max-height:calc(100vh - 20px);padding:12px}.styleBrowserBody{grid-template-columns:1fr}.stylePreviewPane{display:none}.styleGrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media(max-width:640px)and (orientation:portrait){html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:0;background:radial-gradient(circle at 50% -18%,rgba(var(--accent-rgb),.1),transparent 36%),linear-gradient(180deg,#090c0f 0%,var(--bg) 100%)}.appShell{width:100%;height:100dvh;min-height:0;overflow:hidden;padding:max(6px,env(safe-area-inset-top)) 8px 0}.topBar{display:flex;flex:0 0 54px;min-height:54px;margin:0 0 6px;padding:0 8px}.brandBlock{gap:9px}.brandMarkShell{width:34px;height:34px}.brandBlock h1{font-size:24px;font-weight:660;letter-spacing:-.5px}.brandCopy{display:block}.brandLedDisplay{display:none}.workspaceGrid,.workspaceGridMainOnly{--mobile-sheet-height: clamp(374px, 45dvh, 430px);position:relative;display:block;flex:1;min-height:0}.appShell.isMobileControlsCollapsed .workspaceGrid{--mobile-sheet-height: calc(128px + env(safe-area-inset-bottom)) }.appShell.isMobileControlsCollapsed:has(.jobProgressCard) .workspaceGrid{--mobile-sheet-height: calc(210px + env(safe-area-inset-bottom)) }.centerPanel{position:absolute;inset:0 0 calc(var(--mobile-sheet-height) - 8px);min-width:0;min-height:0;overflow:visible;padding:0;border:0;border-radius:20px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:bottom .28s cubic-bezier(.2,.82,.18,1)}.centerPanel:after{display:none}.viewerShell{width:100%;height:100%}.viewerHeader{position:absolute;z-index:12;top:10px;right:10px;bottom:10px;left:10px;display:flex;min-height:38px;align-items:flex-start;flex-direction:row;justify-content:space-between;gap:8px;padding:0;pointer-events:none}.viewerHeader h2{display:inline-flex;min-height:38px;align-items:center;padding:0 12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:0 10px 28px #00000038;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);font-size:11px;pointer-events:auto}.viewerHeader h2:before{margin-right:7px;font-size:12px}.viewerHeader h2:after{content:none}.viewerToolbar{display:contents}.viewerZoomControls{position:absolute;right:0;bottom:60px;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;padding:4px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 10px 28px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);pointer-events:auto}.centerPanel.hasMobileResultJob .viewerZoomControls{bottom:134px}.viewerZoomControls>[title^="Zoom out"],.viewerZoomControls>[title^="Zoom in"]{display:none}.viewerToolbar .iconButton,.viewerToolbar .zoomPill,.viewerToolbar .zoomInput{height:32px;min-width:32px;padding:0 7px;border-color:transparent;border-radius:999px;background:transparent}.viewerToolbar .zoomPill,.viewerToolbar .zoomInput{width:58px;min-width:58px;font-size:12px}.viewerToolbar .clearImageButton{position:absolute;top:0;right:0;width:40px;height:40px;min-width:40px;padding:0;border-color:color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 10px 28px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);pointer-events:auto}.compareStage{flex:1;width:100%;height:100%;min-height:0;border-color:color-mix(in srgb,var(--border) 86%,transparent);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff05,0 18px 40px #00000038}.emptyPreview{display:none}.imageLabel{top:60px;padding:6px 9px;border-radius:999px;font-size:9px;letter-spacing:.04em}.labelLeft{left:12px}.labelRight{right:12px}.splitHandle{width:40px;height:40px}.mobilePreviewPicker{position:absolute;z-index:8;top:66px;right:36px;bottom:24px;left:36px;display:grid;place-items:center;pointer-events:none}.mobilePreviewPicker .dropzone{display:flex;width:min(220px,100%);min-height:116px;flex-direction:column;justify-content:center;gap:4px;margin:0;padding:14px;border:1px solid color-mix(in srgb,var(--accent-primary) 48%,var(--border));border-radius:18px;background:radial-gradient(circle at 50% 12%,rgba(var(--accent-rgb),.12),transparent 58%),color-mix(in srgb,var(--panel) 80%,transparent);box-shadow:0 18px 44px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.mobilePreviewPicker .dropzoneIcon{width:42px;height:42px}.mobilePreviewPicker .dropzoneIcon svg{width:34px;height:34px}.mobilePreviewPicker .dropzone strong{font-size:15px}.mobilePreviewPicker .dropzone>span,.mobilePreviewPicker .dropzone>small{display:none}.leftPanel{position:absolute;z-index:20;right:0;bottom:0;left:0;display:flex;width:100%;height:var(--mobile-sheet-height);min-height:0;overflow:hidden;padding:0;border-color:color-mix(in srgb,var(--border) 72%,var(--accent-primary) 10%);border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 44%),color-mix(in srgb,var(--panel) 96%,#000000 4%);box-shadow:0 -20px 54px #0000005c,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08);transition:height .28s cubic-bezier(.2,.82,.18,1)}.mobileSheetHandle{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;flex:0 0 48px;align-items:center;gap:8px;width:100%;min-height:48px;padding:13px 16px 5px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.mobileSheetGrabber{position:absolute;top:7px;left:50%;width:38px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 54%,transparent);transform:translate(-50%)}.mobileSheetHeading{font-size:12px;font-weight:800;letter-spacing:.02em}.mobileSheetSummary{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.mobileSheetChevron{color:var(--muted);transition:transform .22s ease}.appShell.isMobileControlsCollapsed .mobileSheetChevron{transform:rotate(180deg)}.mobileControlScroller{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 16px 12px;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;transition:opacity .14s ease}.mobileControlScroller::-webkit-scrollbar{display:none}.appShell.isMobileControlsCollapsed .mobileControlScroller{flex-basis:0;overflow:hidden;padding-block:0;opacity:0;pointer-events:none}.panelSection h2{display:none}.panelSection h2:before{content:none}.panelSection+.panelSection:not(.postControls){margin-top:10px;padding-top:0;border-top:0}.sourceSection:not(.hasSource){display:none}.sourceSection:not(.hasSource) .dropzone:after{content:none}.dropzoneDesktopLabel{display:none}.dropzoneMobileLabel{display:inline}.sourceSection .dropzone,.sourceSection .dropzone.hasFile{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"icon filename action";min-height:48px;margin-top:0;padding:7px 10px;border-style:solid;border-color:var(--border);border-radius:12px;background:#ffffff06;text-align:left}.sourceSection .dropzone:after{content:"Change";grid-area:action;color:var(--accent-primary-hover);font-size:11px;font-weight:800}.sourceSection .dropzoneIcon,.sourceSection .dropzone.hasFile .dropzoneIcon{grid-area:icon;width:32px;height:32px}.sourceSection .dropzoneIcon svg{width:26px;height:26px}.sourceSection .dropzone strong,.sourceSection .dropzone.hasFile strong{grid-area:filename;font-size:12px}.sourceSection .dropzone>span,.sourceSection .dropzone>small{display:none}.fieldLabel{margin:3px 0 7px;color:var(--muted);font-size:10px;letter-spacing:.08em}.scaleButtons{gap:6px;padding:3px;border:1px solid var(--border);border-radius:12px;background:#ffffff06}.scaleButton,.remasterModeButton{min-height:42px;border-color:transparent;border-radius:9px;background:transparent;box-shadow:none}.scaleButton.isActive,.remasterModeButton.isActive{box-shadow:0 8px 20px rgba(var(--accent-rgb),.2)}.estimateBox{min-height:34px;margin-top:6px;padding:4px 10px;border-radius:12px}.estimateBox strong{font-size:13px}.estimateBox strong:only-child{color:var(--muted-soft);font-size:12px}.qualityControls,.remasterControls{margin-top:8px;padding:8px;border-radius:12px}.qualityControls{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px}.toggleRow{min-height:42px;padding:6px 8px;border-radius:10px;font-size:12px;font-weight:760}.toggleRow input{position:relative;order:2;width:44px;height:26px;flex:0 0 44px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;background:color-mix(in srgb,var(--muted-soft) 32%,transparent);cursor:pointer;transition:border-color .15s ease,background .15s ease}.toggleRow input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #00000047;transition:transform .17s cubic-bezier(.2,.82,.18,1)}.toggleRow input:checked{border-color:var(--accent-primary);background:var(--accent-primary)}.toggleRow input:checked:after{transform:translate(18px)}.toggleRow input:focus-visible{outline:3px solid rgba(var(--accent-rgb),.24);outline-offset:2px}.qualityControls .fieldLabel,.remasterControls .fieldLabel{margin:0 0 7px}.qualityControls .fieldLabel{margin:0}.qualityDropdown{min-width:0}.qualitySelectButton,.styleOpenButton{min-height:42px;border-radius:10px}.remasterModeButtons{gap:4px;padding:3px;border:1px solid var(--border);border-radius:12px;background:#ffffff06}.remasterModeButton{min-height:36px;font-size:10px}.primaryButton:active:not(:disabled),.scaleButton:active:not(:disabled),.remasterModeButton:active:not(:disabled){transform:scale(.985)}.styleSelector{gap:7px;margin-top:8px}.selectedStyleChips{grid-template-columns:repeat(2,minmax(0,1fr))}.leftPanelFooter{position:relative;z-index:2;display:grid;flex:0 0 auto;gap:7px;margin:0;padding:9px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 -10px 24px color-mix(in srgb,var(--panel) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.leftPanelFooter .primaryButton{min-height:52px;border-radius:14px;box-shadow:0 12px 28px rgba(var(--accent-rgb),.22)}.jobProgressCard{padding:9px 10px;border-radius:12px}.errorBox{max-height:58px;overflow:auto;margin-top:0;padding:8px 10px;border-radius:10px;font-size:11px}.fileInfoBar{position:absolute;z-index:10;right:10px;bottom:10px;left:10px;min-height:50px;margin:0;padding:7px 9px;border-color:color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 12px 30px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.fileInfoBar:not(.hasInput){display:none}.fileInfoBar.hasInput:not(.hasResult){grid-template-columns:minmax(0,1fr)}.fileInfoBar.hasInput:not(.hasResult) .fileArrowButton,.fileInfoBar.hasInput:not(.hasResult) .fileInfoSideRight{display:none}.fileInfoBar.hasResult{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:6px}.fileIcon{width:34px;height:34px;border-radius:10px}.fileInfoSide{gap:8px}.fileInfoSide strong{font-size:10px}.fileInfoSide span{margin-top:2px;font-size:9px}.fileArrowButton{width:36px;height:36px;transform:none}.downloadButton{display:none}.mobileResultHoldTarget{pointer-events:auto;-webkit-touch-callout:inherit;-webkit-user-drag:auto;-webkit-user-select:auto;user-select:auto}.mobileResultHoldTarget.isResultShareReady{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mobileResultHoldHint{position:absolute;z-index:5;right:50%;bottom:70px;display:block;padding:5px 9px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:#080a0d85;color:#ffffffb3;font-size:9px;font-weight:720;letter-spacing:.015em;line-height:1;pointer-events:none;transform:translate(50%);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.styleBrowserOverlay{z-index:100;top:0;right:0;bottom:0;left:0;padding:max(8px,env(safe-area-inset-top)) 0 0;background:#00000085;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.styleBrowserDialog{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));padding:16px 14px max(14px,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0;box-shadow:0 -24px 58px #00000061}.styleBrowserHeader h3{font-size:16px}.styleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.styleCard{border-radius:12px}}@media(max-width:640px)and (orientation:portrait){html{-webkit-text-size-adjust:100%}button,a,label,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.styleBrowserSearch input,.zoomInput{font-size:16px!important}.appShell{--mobile-nav-height: 78px;position:relative}.viewerToolbar .panModeButton{display:none}.workspaceGrid,.workspaceGridMainOnly{--mobile-sheet-height: 0px;position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden}.leftPanel,.centerPanel,.mobileStyleWorkspace,.mobileSettingsPage{position:absolute;inset:0 0 calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));display:none;width:auto;height:auto;min-width:0;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}.appShell.mobileTab-generation .leftPanel,.appShell.mobileTab-result .centerPanel,.appShell.mobileTab-styles .mobileStyleWorkspace,.appShell.mobileTab-settings .mobileSettingsPage{display:flex}.mobileImportInput{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.mobilePageHeader{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:14px;min-height:55px;padding:4px 2px 11px}.mobilePageHeader h2{margin:2px 0 0;color:var(--text);font-size:24px;font-weight:780;letter-spacing:-.035em}.mobilePageEyebrow{color:var(--accent-primary-hover);font-size:9px;font-weight:820;letter-spacing:.13em;text-transform:uppercase}.mobileSelectionCount{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:0 11px;border:1px solid color-mix(in srgb,var(--accent-primary) 38%,var(--border));border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--accent-primary-hover);font-size:10px;font-weight:790}.leftPanel{flex-direction:column;padding:0 0 1px;background-image:none}.mobileControlScroller{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 18px 18px;opacity:1;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobileControlScroller::-webkit-scrollbar,.mobileSettingsScroll::-webkit-scrollbar,.mobileStyleGrid::-webkit-scrollbar,.mobileSelectedDirections::-webkit-scrollbar{display:none}.mobileGenerationHeader{position:sticky;z-index:5;top:0;margin:0 -18px;min-height:48px;padding:3px 20px 9px;background:linear-gradient(180deg,var(--bg) 72%,color-mix(in srgb,var(--bg) 0%,transparent))}.mobileGenerationHeader h2{margin-top:1px;font-size:19px;font-weight:750;letter-spacing:-.025em}.mobileGenerationHeader .mobilePageEyebrow{font-size:8px;letter-spacing:.12em}.mobileGenerationJobError{display:block;margin:0 0 10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--danger) 44%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--danger) 9%,var(--panel-strong));color:color-mix(in srgb,var(--danger) 72%,var(--text));font-size:10px;line-height:1.35}.mobileGenerationSourceShell{display:block;margin:1px 0 10px}.mobileGenerationSource{display:grid;grid-template-columns:clamp(132px,34vw,148px) minmax(0,1fr);align-items:center;gap:14px;height:124px;min-height:124px;margin:0;padding:10px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.045),transparent 48%),color-mix(in srgb,var(--panel-strong) 92%,transparent);box-shadow:inset 0 1px #ffffff07,0 14px 30px #00000014}.mobileGenerationSourcePicker{display:grid;grid-column:1 / -1;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:13px;min-width:0;height:100%;min-height:0;padding:4px 6px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;transition:background .14s ease,transform .14s ease}.mobileGenerationSourcePicker:not(:disabled):active{background:rgba(var(--accent-rgb),.08);transform:scale(.992)}.mobileGenerationSourcePicker:disabled{opacity:.58}.mobileGenerationSource.isEmpty{height:124px;min-height:124px;padding:0;border-color:rgba(var(--accent-rgb),.42);background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.065) 70%),var(--panel-strong);box-shadow:0 14px 34px rgba(var(--accent-rgb),.1),inset 0 1px #ffffff0e}.mobileGenerationSource.isEmpty .mobileGenerationSourcePicker{grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:122px;padding:12px 17px;border-radius:19px}.mobileGenerationSource.isEmpty .mobileGenerationSourcePicker:not(:disabled):active{background:rgba(var(--accent-rgb),.09)}.mobileGenerationSource.isEmpty .mobileGenerationThumb{width:64px;height:64px;border-color:#ffffff29;border-radius:16px;background:var(--gradient);color:#fff;box-shadow:0 10px 24px rgba(var(--accent-rgb),.26),inset 0 1px #ffffff38}.mobileGenerationSource.isEmpty .mobileGenerationSourceCopy strong{color:var(--accent-primary-hover);font-size:17px;font-weight:800}.mobileGenerationThumb{position:relative;display:grid;width:100%;height:92px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:rgba(var(--accent-rgb),.07);color:var(--accent-primary-hover)}.mobileGenerationThumbButton{padding:0;text-align:inherit;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.mobileGenerationThumbButton:active:not(:disabled){border-color:rgba(var(--accent-rgb),.46);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1);transform:scale(.985)}.mobileGenerationThumbButton:disabled{opacity:.58}.mobileGenerationThumb img{width:100%;height:100%;object-fit:cover}.mobileGenerationSourceCopy{display:block;min-width:0}.mobileGenerationSourceBody{display:grid;grid-template-rows:minmax(0,1fr) 44px;align-self:stretch;align-items:start;gap:2px;min-width:0}.mobileGenerationSourceLabel{display:none}.mobileGenerationSourceCopy strong,.mobileGenerationSourceCopy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileGenerationSourceCopy strong{color:var(--text);font-size:16px;font-weight:730;letter-spacing:-.018em}.mobileGenerationSourceCopy small{margin-top:5px;color:var(--muted);font-size:11px}.mobileGenerationSourceFilename{display:block;overflow:hidden;margin-top:4px;color:color-mix(in srgb,var(--muted) 76%,transparent);font-size:9px;font-weight:610;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobileGenerationSourceActions{display:flex;align-items:center;align-self:end;gap:7px;min-width:0}.mobileGenerationSourceActions button{display:inline-flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:5px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--accent-primary-hover);font-size:11px;font-weight:720}.mobileGenerationSourceActionDivider{width:1px;height:22px;flex:0 0 1px;background:color-mix(in srgb,var(--border) 82%,transparent)}.mobileGenerationSourceActions button.isDestructive{color:color-mix(in srgb,var(--danger) 70%,var(--accent-primary-hover))}.mobileGenerationSourceActions button:active:not(:disabled){background:rgba(var(--accent-rgb),.1);transform:scale(.96)}.mobileGenerationSourceActions button:disabled{opacity:.5}.mobileGenerationSourceError{margin:7px 3px 0;color:color-mix(in srgb,var(--danger) 78%,var(--text));font-size:10px;font-weight:650;line-height:1.35}.sourceSection{display:none!important}.sourceSection .dropzone:after{content:none!important}.generationSettingsSection{padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.generationSettingsSection>h2{display:block;margin:0 0 6px;color:var(--text);font-size:11px;font-weight:810;letter-spacing:.09em;text-transform:uppercase}.generationSettingsSection>h2:before{content:none}.generationSettingsSection .desktopSectionTitle{display:none}.generationSettingsSection .mobileSectionTitle{display:inline}.generationSettingsSection .fieldLabel{color:var(--muted);font-size:13px;font-weight:680;letter-spacing:0;text-transform:none}.generationSettingsSection .scaleButtons,.generationSettingsSection .remasterModeButtons,.generationSettingsSection .transformationModeButtons{gap:3px;padding:3px;border-color:color-mix(in srgb,var(--border) 86%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-strong) 78%,transparent)}.generationSettingsSection .scaleButtons{padding:1px;border-radius:12px}.generationSettingsSection .scaleButton{min-height:44px;gap:2px;border-radius:10px}.generationSettingsSection .scaleButton.isUnavailable,.generationSettingsSection .scaleButton.isUnavailable:disabled{border-color:color-mix(in srgb,var(--border) 54%,#000000);background:#0000004d;color:color-mix(in srgb,var(--muted-soft) 46%,#000000);box-shadow:inset 0 1px 10px #00000057}.generationSettingsSection .scaleButton strong{font-size:13px}.generationSettingsSection .scaleButtonDescription{display:block;color:currentColor;font-size:8px;font-weight:650;line-height:1;opacity:.64}.generationSettingsSection .estimateBox{display:flex;min-height:0;align-items:baseline;justify-content:flex-start;gap:5px;margin:0;padding:0;border:0;border-radius:0;background:transparent}.generationSettingsSection .estimateBox span,.generationSettingsSection .estimateBox strong{color:var(--muted);font-family:inherit;font-size:10px;font-weight:600}.generationSettingsSection .transformationControls+.settingsBlock{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:8px}.generationSettingsSection .transformationControls+.settingsBlock>.fieldLabel{grid-column:1;grid-row:1;margin:0}.generationSettingsSection .transformationControls+.settingsBlock>.scaleButtons{grid-column:1 / -1;grid-row:2;width:100%;margin-top:6px}.generationSettingsSection .transformationControls+.settingsBlock>.estimateBox{grid-column:2;grid-row:1;justify-self:end}.generationSettingsSection .estimateBox strong{justify-self:auto}.generationSettingsSection .qualityControls,.generationSettingsSection .remasterControls,.generationSettingsSection .reimagineDirections{margin-top:7px;border-radius:14px}.generationSettingsSection .qualityControls{border-color:color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--panel-strong) 58%,transparent)}.generationSettingsSection .qualityControls{position:relative;z-index:1;min-height:50px;grid-template-columns:76px minmax(0,1fr);padding:3px 8px}.generationSettingsSection .qualityControls:has(.qualitySelectButton.isOpen){z-index:30}.generationSettingsSection .qualitySelectButton{min-height:44px}.generationSettingsSection .remasterModeButton{min-height:44px;font-size:10px}.generationSettingsSection .remasterControls{padding:0;border:0;background:transparent}.generationSettingsSection .transformationControls{gap:6px}.generationSettingsSection .transformationControls>.fieldLabel{margin:0;color:var(--text);font-size:13px;font-weight:740}.generationSettingsSection .transformationModeButton{min-height:46px;border-color:#ffffff24;border-radius:11px;background:#ffffff05;box-shadow:inset 0 1px #ffffff09;font-size:12px}.generationSettingsSection .transformationModeButton.isActive{border-color:rgba(var(--accent-rgb),.86);background:var(--gradient);box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 20px rgba(var(--accent-rgb),.2)}.generationSettingsSection .transformationStrength{gap:4px;padding:8px 11px 7px;border-color:color-mix(in srgb,var(--border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-strong) 58%,transparent)}.generationSettingsSection .transformationStrengthHeader label{font-size:12px}.generationSettingsSection .transformationStrengthHeader output{font-size:9px}.generationSettingsSection .transformationStrength input[type=range]{height:44px;margin:-6px 0}.generationSettingsSection .transformationStrengthAnchors{font-size:8px}.generationSettingsSection .transformationStrength p{font-size:9px}.generationSettingsSection .transformationControls+.settingsBlock{margin-top:8px}.generationSettingsSection .reimagineDirections{padding:0;border:0;background:transparent}.mobileRemasterDescription{display:block;min-height:28px;margin:7px 2px 0;color:var(--muted);font-size:10px;line-height:1.35}.creativeFreedomToggle{min-height:58px;margin-top:9px;padding:8px 10px 8px 12px;border-color:color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-strong) 60%,transparent)}.creativeFreedomCopy{display:block;min-width:0}.creativeFreedomCopy strong,.creativeFreedomCopy small{display:block}.creativeFreedomCopy strong{color:var(--text);font-size:12px;font-weight:760}.creativeFreedomCopy small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:560;line-height:1.2}.desktopStyleBrowser{display:none}.mobileStyleRoute{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:0;padding:6px 9px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-strong) 60%,transparent);color:var(--text);text-align:left}.mobileStyleRouteIcon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.1);color:var(--accent-primary-hover)}.mobileStyleRouteBody{min-width:0}.mobileStyleRoute strong,.mobileStyleRoute small{display:block}.mobileStyleRoute strong{font-size:12px;font-weight:760}.mobileStyleRoute small{margin-top:3px;color:var(--muted);font-size:9px}.mobileStyleRouteChips{display:flex;max-width:100%;gap:4px;margin-top:5px;overflow:hidden}.mobileStyleRouteChips>span{display:block;max-width:70px;overflow:hidden;padding:4px 7px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:999px;background:#ffffff0b;color:color-mix(in srgb,var(--text) 86%,transparent);font-size:8px;font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap}.mobileStyleRouteAction{display:inline-flex;min-width:16px;align-items:center;justify-content:flex-end;gap:3px;color:var(--accent-primary-hover);font-size:8px;font-weight:790}.mobileStyleRouteAction>span{white-space:nowrap}.postControls{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:56px;align-items:center;gap:12px;margin-top:10px;padding:7px 10px 7px 12px;border:1px solid var(--border-soft);border-radius:16px;background:var(--panel-strong)}.postControls h2{display:block;margin:0;color:var(--muted);font-size:10px}.postControls h2:before{content:none}.postControls .desktopSectionTitle{display:none}.postControls .mobileSectionTitle{display:inline}.postControls .toggleRow{min-height:40px;padding:0 2px 0 10px;border:0;background:transparent}.leftPanelFooter{position:relative;z-index:8;display:grid;flex:0 0 auto;gap:8px;margin:0;padding:10px 16px 12px;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 -12px 28px color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08)}.leftPanelFooter>.jobProgressCard{display:none}.leftPanelFooter .primaryButton{min-height:56px;border-radius:16px}.leftPanelFooter .primaryButton.cancelPrimaryButton{justify-content:center;gap:12px;padding-inline:16px}.mobileGenerationCancelAction{flex:0 0 auto;gap:8px;line-height:1}.primaryButtonSpinner{animation:spin .9s linear infinite}.mobileGenerationConnectivity{padding:7px 9px;border:1px solid color-mix(in srgb,var(--danger) 34%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--danger) 7%,var(--panel-strong));color:color-mix(in srgb,var(--danger) 66%,var(--text));font-size:9px;line-height:1.3}.mobileGenerationCancelMeta{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin-left:0;padding-left:12px;border-left:1px solid rgba(255,255,255,.28);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:780;font-variant-numeric:tabular-nums;line-height:1;opacity:.82;white-space:nowrap}.centerPanel{padding:0;overflow:hidden;border-radius:20px}.centerPanel:after{display:none}.appShell.mobileTab-result .centerPanel{display:flex}.centerPanel .viewerShell,.centerPanel .compareStage{width:100%;height:100%}.mobileResultEmpty{position:absolute;z-index:8;top:76px;right:24px;bottom:82px;left:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center;pointer-events:none}.mobileResultEmpty>span{display:grid;width:56px;height:56px;place-items:center;margin-bottom:4px;border:1px solid var(--border);border-radius:18px;background:rgba(var(--accent-rgb),.07);color:var(--accent-primary-hover)}.mobileResultEmpty strong{color:var(--text);font-size:15px}.mobileResultEmpty small{font-size:11px}.centerPanel .fileInfoBar{bottom:10px}.centerPanel.hasMobileResultJob .fileInfoBar{bottom:84px}.mobileResultJobBar{position:absolute;z-index:15;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:9px 10px 9px 13px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:16px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 14px 34px #00000042;-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1)}.mobileResultJobCopy{min-width:0}.mobileResultJobCopy>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobileResultJobCopy strong{overflow:hidden;color:var(--text);font-size:11px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.mobileResultJobCopy em{flex:0 0 auto;color:var(--accent-primary-hover);font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.mobileResultProgressTrack{display:block;height:4px;margin-top:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--muted-soft) 30%,transparent)}.mobileResultProgressTrack>span{display:block;height:100%;border-radius:inherit;background:var(--gradient);box-shadow:0 0 10px rgba(var(--accent-rgb),.34)}.mobileResultJobBar>button{min-width:72px;min-height:42px;padding:0 11px;border:1px solid rgba(var(--accent-rgb),.34);border-radius:12px;background:rgba(var(--accent-rgb),.1);color:var(--accent-primary-hover);font-size:10px;font-weight:790}.mobileStyleWorkspace,.mobileSettingsPage{flex-direction:column;padding:0 14px 10px}.mobileStyleWorkspace .mobilePageHeader,.mobileSettingsPage .mobilePageHeader{padding-inline:2px}.mobileModeNotice{display:grid;grid-template-columns:40px minmax(0,1fr) auto;flex:0 0 auto;align-items:center;gap:10px;min-height:62px;margin-bottom:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent-primary) 34%,var(--border));border-radius:16px;background:rgba(var(--accent-rgb),.07);color:var(--text);text-align:left}.mobileModeNoticeIcon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:rgba(var(--accent-rgb),.12);color:var(--accent-primary-hover)}.mobileModeNotice strong,.mobileModeNotice small{display:block}.mobileModeNotice strong{font-size:12px}.mobileModeNotice small{margin-top:3px;color:var(--muted);font-size:9px}.mobileModeNoticeAction{color:var(--accent-primary-hover);font-size:10px;font-weight:800}.mobileStyleTypeTabs{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--border);border-radius:15px;background:var(--panel-strong)}.mobileStyleTypeTabs>button,.mobileStyleMoreWrap>button{display:flex;width:100%;min-width:0;min-height:46px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:4px 2px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:9px;font-weight:740}.mobileStyleTypeTabs>button.isActive,.mobileStyleMoreWrap>button.isActive{background:rgba(var(--accent-rgb),.13);color:var(--accent-primary-hover);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.16)}.mobileStyleTabIcon{position:relative;display:grid;height:18px;place-items:center}.mobileStyleTabIcon>span{position:absolute;top:-6px;right:-12px;display:grid;min-width:14px;height:14px;padding:0 3px;place-items:center;border:1px solid var(--panel-strong);border-radius:999px;background:var(--accent-primary);color:#fff;font-size:7px;font-weight:850;line-height:1}.mobileStyleTabIcon>.mobileStyleActiveDot{top:-2px;right:-7px;width:6px;min-width:6px;height:6px;padding:0;border:0}.mobileStyleMoreWrap{position:relative;min-width:0}.mobileStyleOverflowMenu{position:absolute;z-index:45;top:calc(100% + 9px);right:-4px;display:flex;width:min(330px,calc(100vw - 28px));max-height:min(440px,calc(100dvh - 218px));flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:8px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--accent-primary) 18%);border-radius:18px;background:color-mix(in srgb,var(--panel-strong) 96%,var(--bg));box-shadow:0 22px 60px #0000006b,0 2px 12px #0000003d;overscroll-behavior:contain;scrollbar-width:none;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25)}.mobileStyleOverflowMenu::-webkit-scrollbar{display:none}.mobileStyleOverflowTitle{padding:7px 10px 5px;color:var(--muted);font-size:8px;font-weight:820;letter-spacing:.12em;text-transform:uppercase}.mobileStyleCategoryTitle{margin-top:5px;padding-top:11px;border-top:1px solid var(--border)}.mobileStyleOverflowMenu>button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;flex:0 0 auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:5px 9px;border:0;border-radius:12px;background:transparent;color:var(--text);font-size:11px;font-weight:690;text-align:left}.mobileStyleOverflowMenu>button.isActive{background:rgba(var(--accent-rgb),.13);color:var(--accent-primary-hover)}.mobileStyleOverflowMenu>button:active{background:rgba(var(--accent-rgb),.18)}.mobileStyleOverflowIcon{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--muted)}.mobileStyleOverflowMenu>button.isActive .mobileStyleOverflowIcon{background:rgba(var(--accent-rgb),.12);color:var(--accent-primary-hover)}.mobileStyleOverflowMenu>button>small{min-width:22px;color:var(--muted);font-size:8px;font-variant-numeric:tabular-nums;text-align:right}.mobileStyleSearch{display:flex;flex:0 0 auto;min-height:48px;align-items:center;gap:9px;margin:9px 0;padding:0 13px;border:1px solid var(--border);border-radius:14px;background:var(--panel-strong);color:var(--muted)}.mobileStyleSearch:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.mobileStyleSearch input{width:100%;min-width:0;height:46px;padding:0;border:0;outline:0;background:transparent;color:var(--text)}.mobileStyleSearch input::placeholder{color:var(--muted)}.mobileStyleSearchClear{width:30px;height:30px;margin-right:-5px;border-radius:9px}.mobileStyleSearchClear:active{background:rgba(var(--accent-rgb),.1);color:var(--text);transform:scale(.94)}.mobileSelectedDirections{display:flex;flex:0 0 auto;gap:7px;margin:0 0 9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobileSelectedDirections button{display:grid;grid-template-columns:24px minmax(0,auto) 13px;flex:0 0 auto;align-items:center;gap:6px;max-width:168px;min-height:34px;padding:4px 8px 4px 4px;border:1px solid rgba(var(--accent-rgb),.32);border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--text)}.mobileSelectedDirections img{width:24px;height:24px;border-radius:50%;object-fit:cover}.mobileSelectedDirections span{overflow:hidden;font-size:9px;font-weight:730;text-overflow:ellipsis;white-space:nowrap}.mobileStyleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;flex:1 1 auto;align-content:start;gap:9px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 1px 16px;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobileStyleCard{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel-strong);height:max-content;transition:border-color .14s ease,transform .14s ease}.mobileStyleCard.isSelected{border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}.mobileStyleCard.isUnavailable:not(.isSelected){opacity:.48}.mobileStyleCardSelect{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.mobileStyleCardImage{position:relative;display:block;width:100%;aspect-ratio:3 / 2;overflow:hidden;background:color-mix(in srgb,var(--bg) 82%,transparent)}.mobileStyleCardImage img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.mobileStyleCard:active .mobileStyleCardImage img{transform:scale(.985)}.mobileStyleCardCheck{position:absolute;top:8px;right:8px;display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0a0c0ead;color:#fff;opacity:0;transform:scale(.82);transition:opacity .14s ease,transform .14s ease}.mobileStyleCard.isSelected .mobileStyleCardCheck{background:var(--accent-primary);opacity:1;transform:scale(1)}.mobileStyleCardCopy{display:block;min-width:0;padding:9px 10px 10px}.mobileStyleCardCopy strong,.mobileStyleCardCopy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileStyleCardCopy strong{font-size:11px;font-weight:760}.mobileStyleCardCopy small{margin-top:3px;color:var(--muted);font-size:8px}.mobileStyleFavorite{position:absolute;top:8px;left:8px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#0a0c0ea3;color:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobileStyleFavorite.isFavorite{color:#ffb020}.mobileLibraryState{grid-column:1 / -1;display:grid;min-height:180px;place-items:center;color:var(--muted);font-size:12px;text-align:center}.mobileLibraryState strong,.mobileLibraryState small{display:block}.mobileLibraryState strong{color:var(--text);font-size:12px}.mobileLibraryState small{max-width:230px;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}.mobileSettingsScroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 1px 18px;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobileSettingsGroup+.mobileSettingsGroup{margin-top:18px}.mobileSettingsGroup h3{margin:0 0 7px 4px;color:var(--muted);font-size:9px;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.mobileSettingsCard{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--panel-strong);box-shadow:inset 0 1px #ffffff06}.mobileSettingsRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:8px 12px}.mobileSettingsRow+.mobileSettingsRow{border-top:1px solid var(--border-soft)}.mobileSettingsRowIcon{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border-radius:11px;background:rgba(var(--accent-rgb),.08);color:var(--accent-primary-hover)}.mobileSettingsBrandIcon img{width:30px;height:30px;object-fit:contain}.mobileSettingsRowCopy{min-width:0}.mobileSettingsRowCopy strong,.mobileSettingsRowCopy small{display:block}.mobileSettingsRowCopy strong{color:var(--text);font-size:12px;font-weight:750}.mobileSettingsRowCopy small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mobileSettingsValue{color:var(--muted);font-size:10px;font-weight:720}.mobileDestructiveButton{min-width:54px;min-height:36px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.26);border-radius:10px;background:rgba(var(--accent-rgb),.07);color:var(--accent-primary-hover);font-size:10px;font-weight:780}.mobileBottomNav{position:absolute;z-index:60;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));align-items:center;gap:1px;padding:8px 7px max(8px,env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg) 86%,transparent);box-shadow:0 -12px 32px #0003;-webkit-backdrop-filter:blur(24px) saturate(1.18);backdrop-filter:blur(24px) saturate(1.18)}.mobileBottomNav>button{position:relative;display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:3px 2px 1px;border:0;border-radius:13px;background:transparent;color:var(--muted);font-size:9px;font-weight:730;letter-spacing:-.015em}.mobileBottomNav>button.isActive{color:var(--accent-primary-hover)}.mobileBottomNav>button.isActive{background:transparent;font-weight:800}.mobileBottomNav>button.isActive:before{content:"";position:absolute;top:-8px;left:50%;width:34px;height:2px;border-radius:999px;background:var(--accent-primary);box-shadow:0 0 14px rgba(var(--accent-rgb),.38);transform:translate(-50%)}.mobileNavIcon{position:relative;display:grid;width:36px;height:36px;place-items:center;border-radius:12px;transition:background .14s ease,color .14s ease,transform .14s ease}.mobileBottomNav>button:active:not(:disabled) .mobileNavIcon{transform:scale(.93)}.mobileNavBadge{position:absolute;top:4px;right:3px;width:7px;height:7px;border:2px solid var(--bg);border-radius:50%;background:#44cb79;box-sizing:content-box}html.hasStandaloneViewportGap{background:#000}html.hasStandaloneViewportGap .appShell{--mobile-nav-height: 62px}html.hasStandaloneViewportGap .leftPanel,html.hasStandaloneViewportGap .centerPanel,html.hasStandaloneViewportGap .mobileStyleWorkspace,html.hasStandaloneViewportGap .mobileSettingsPage{inset-block-end:var(--mobile-nav-height)}html.hasStandaloneViewportGap .mobileBottomNav{height:var(--mobile-nav-height);align-items:center;padding:4px 7px 14px;background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}html.hasStandaloneViewportGap .mobileBottomNav>button{min-height:44px;gap:1px;padding:0 2px}html.hasStandaloneViewportGap .mobileBottomNav>button.isActive:before{top:-4px}html.hasStandaloneViewportGap .mobileNavIcon{width:29px;height:29px}}.spin{animation:spin .95s linear infinite}.authShell{position:relative;display:grid;place-items:center;width:100%;min-height:100dvh;overflow:hidden;padding:24px;background:radial-gradient(circle at 82% 18%,rgba(var(--accent-rgb),.11),transparent 28%),linear-gradient(120deg,#0d1014,#07090b 55%,#040506)}.authPanel{position:relative;z-index:2;width:100%;max-width:470px;min-height:620px;padding:clamp(30px,4vw,52px);border:1px solid var(--border);border-radius:26px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 34px 90px #0000006b,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.authBrand{display:flex;align-items:center;gap:15px}.authMarkShell{display:grid;width:52px;height:52px;place-items:center;filter:drop-shadow(0 12px 22px rgba(var(--accent-rgb),.2))}.authMarkShell img{width:100%;height:100%;object-fit:contain}.authEyebrow,.authSectionLabel,.accountDialogHeader span,.accountSectionHeading>div>span{margin:0 0 5px;color:var(--muted);font-size:9px;font-weight:820;letter-spacing:.14em;text-transform:uppercase}.authBrand h1{margin:0;font-size:30px;font-weight:660;letter-spacing:-.04em}.authBrand h1 span{color:var(--accent-primary)}.authIntro{margin-top:78px}.authIntro h2{margin:0;font-size:31px;letter-spacing:-.04em}.authIntro>p:last-child{margin:8px 0 0;color:var(--muted);font-size:14px}.authForm{display:grid;gap:8px;margin-top:30px}.authForm>label:not(.authRemember),.accountField>span{color:var(--muted);font-size:11px;font-weight:730}.authForm>input,.authPasswordField,.accountField input,.accountField select{width:100%;min-width:0;min-height:46px;border:1px solid var(--border);border-radius:12px;background:#0b0e11;color:var(--text);outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.authForm>input,.accountField input,.accountField select{padding:0 13px}.authForm>input:focus,.authPasswordField:focus-within,.accountField input:focus,.accountField select:focus{border-color:rgba(var(--accent-rgb),.62);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.authPasswordField{display:grid;grid-template-columns:minmax(0,1fr) 44px;overflow:hidden}.authPasswordField input{min-width:0;padding:0 13px;border:0;background:transparent;color:var(--text);outline:0}.authPasswordField button{display:grid;min-width:44px;min-height:44px;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.authRemember{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin-top:8px;cursor:pointer}.authRemember input,.accountEnabledToggle input{accent-color:var(--accent-primary)}.authRemember strong,.authRemember small{display:block}.authRemember strong{font-size:12px}.authRemember small{margin-top:2px;color:var(--muted);font-size:10px}.authSubmit,.authServiceError button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;margin-top:12px;border-radius:12px;background:var(--gradient);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(var(--accent-rgb),.16)}.authSubmit:disabled{cursor:wait;opacity:.72}.authError,.accountInlineMessage{margin:8px 0 0;padding:10px 12px;border:1px solid rgba(255,83,58,.35);border-radius:10px;background:#ff533a14;color:#ffd7d0;font-size:11px;line-height:1.45}.authLoading{display:flex;min-height:420px;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.authServiceError{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;margin-top:82px;padding:18px;border:1px solid rgba(255,83,58,.28);border-radius:16px;background:#ff533a0f;color:var(--accent-primary-hover)}.authServiceError strong{color:var(--text);font-size:14px}.authServiceError p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.authServiceError button{grid-column:1 / -1;margin-top:5px}.authTechnicalField{position:absolute;z-index:0;top:34px;right:28px;bottom:34px;left:28px;border:1px solid rgba(var(--accent-rgb),.1);background:radial-gradient(circle at center,rgba(var(--accent-rgb),.08),transparent 38%),radial-gradient(circle,rgba(255,255,255,.12) 0 1px,transparent 1.4px) 0 0 / 64px 64px;opacity:.72;pointer-events:none}.authTechnicalField:before,.authTechnicalField:after{content:"";position:absolute;top:50%;left:50%;border:1px solid rgba(var(--accent-rgb),.22);border-radius:50%;transform:translate(-50%,-50%)}.authTechnicalField:before{width:min(44vw,610px);aspect-ratio:1}.authTechnicalField:after{width:min(27vw,370px);aspect-ratio:1;box-shadow:0 0 70px rgba(var(--accent-rgb),.08)}.authFrameCorner{position:absolute;width:52px;height:52px;border-color:var(--accent-primary);opacity:.65}.authFrameCornerOne{top:18px;left:18px;border-top:1px solid;border-left:1px solid}.authFrameCornerTwo{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}.authFieldLabel{position:absolute;right:19px;bottom:18px;color:var(--muted-soft);font-size:8px;font-weight:800;letter-spacing:.14em}.authFieldPulse{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 0 8px rgba(var(--accent-rgb),.08),0 0 38px rgba(var(--accent-rgb),.8);transform:translate(-50%,-50%)}.desktopAccountButton{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:190px;min-height:48px;padding:6px 10px 6px 7px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.desktopAccountButton:hover{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.05)}.accountAvatar{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border:1px solid rgba(var(--accent-rgb),.26);border-radius:11px;background:rgba(var(--accent-rgb),.1);color:var(--accent-primary-hover);font-size:10px;font-weight:850;letter-spacing:.02em}.desktopAccountCopy{min-width:0}.desktopAccountCopy strong,.desktopAccountCopy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktopAccountCopy strong{color:var(--text);font-size:11px}.desktopAccountCopy small{margin-top:2px;color:var(--muted);font-size:9px}.accountDialogOverlay{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#020304c2;-webkit-backdrop-filter:blur(18px) saturate(.8);backdrop-filter:blur(18px) saturate(.8)}.accountDialog{display:flex;width:min(920px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;flex-direction:column;border:1px solid color-mix(in srgb,var(--border) 82%,var(--accent-primary));border-radius:22px;background:#0e1114;box-shadow:0 34px 100px #00000094,inset 0 1px #ffffff09}.accountDialogHeader{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px 15px 22px;border-bottom:1px solid var(--border-soft)}.accountDialogHeader h2{margin:0;font-size:22px;letter-spacing:-.03em}.accountIconButton{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--muted);cursor:pointer}.accountDialogBody{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;flex:1}.accountDialogNav{display:flex;min-height:0;padding:14px 10px;flex-direction:column;gap:4px;border-right:1px solid var(--border-soft);background:#0a0d10}.accountDialogNav>button:not(.accountSignOutButton){display:flex;min-height:42px;align-items:center;gap:9px;padding:0 11px;border-radius:11px;background:transparent;color:var(--muted);font-size:11px;font-weight:720;text-align:left;cursor:pointer}.accountDialogNav>button.isActive{background:rgba(var(--accent-rgb),.11);color:var(--accent-primary-hover);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.14)}.accountSignedInSummary{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 9px;margin-top:auto;padding:11px 8px;border-top:1px solid var(--border-soft)}.accountDialogAvatar{grid-row:1 / span 2}.accountSignedInSummary strong,.accountSignedInSummary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountSignedInSummary strong{font-size:10px}.accountSignedInSummary small{color:var(--muted);font-size:9px}.accountSignOutButton{min-height:38px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:10px;background:rgba(var(--accent-rgb),.06);color:var(--accent-primary-hover);font-size:10px;font-weight:760;cursor:pointer}.accountDialogContent{min-width:0;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:rgba(var(--accent-rgb),.34) transparent}.accountProfileForm{max-width:610px}.accountSectionHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.accountSectionHeading h3{margin:0;font-size:20px;letter-spacing:-.025em}.accountSectionHeading p{max-width:480px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.accountRoleBadge{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:999px;background:rgba(var(--accent-rgb),.07);color:var(--accent-primary-hover);font-size:9px;font-weight:780;white-space:nowrap}.accountField{display:grid;min-width:0;gap:6px}.accountField+.accountField{margin-top:14px}.accountField input:disabled,.accountField select:disabled{color:var(--muted);cursor:not-allowed;opacity:.68}.accountField>small{color:var(--muted-soft);font-size:9px}.accountFormDivider{display:grid;grid-template-columns:18px auto minmax(0,1fr);align-items:center;gap:7px;margin:26px 0 14px;padding-top:20px;border-top:1px solid var(--border-soft);color:var(--muted)}.accountFormDivider>span{color:var(--text);font-size:11px;font-weight:740}.accountFormDivider small{justify-self:end;font-size:9px}.accountFieldGrid,.accountManagedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.accountFieldGrid .accountField+.accountField,.accountManagedGrid .accountField+.accountField{margin-top:0}.accountTextButton{display:inline-flex;min-height:32px;align-items:center;gap:6px;margin-top:8px;padding:0;background:transparent;color:var(--muted);font-size:9px;font-weight:710;cursor:pointer}.accountInlineMessage{display:flex;align-items:center;gap:7px}.accountInlineMessage.isSuccess{border-color:#4ecd7d47;background:#4ecd7d12;color:#bff1d0}.accountFormActions,.accountManagedActions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.accountPrimaryButton,.accountSecondaryButton{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:11px;font-size:10px;font-weight:790;white-space:nowrap;cursor:pointer}.accountPrimaryButton{background:var(--gradient);color:#fff}.accountSecondaryButton{border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.accountPrimaryButton:disabled,.accountSecondaryButton:disabled{cursor:not-allowed;opacity:.55}.accountCreateCard{margin-bottom:16px;padding:16px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:15px;background:rgba(var(--accent-rgb),.045)}.accountLoadingState{display:flex;min-height:180px;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px}.accountUserList{display:grid;gap:10px}.accountUserCard{position:relative;padding:14px;border:1px solid var(--border);border-radius:15px;background:#0b0e11}.accountUserCard.isDisabled{opacity:.64}.accountPasswordManagerUsername{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.accountUserCardHeader{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:13px}.accountUserCardHeader strong,.accountUserCardHeader small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountUserCardHeader strong{font-size:11px}.accountUserCardHeader small{margin-top:3px;color:var(--muted);font-size:8px}.accountUserCardHeader em{color:var(--accent-primary-hover);font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.accountManagedGrid{grid-template-columns:minmax(0,1.25fr) minmax(120px,.65fr)}.accountResetField{grid-column:1 / -1}.accountManagedActions{justify-content:space-between;margin-top:12px}.accountManagedActions>small{color:var(--muted-soft);font-size:8px}.accountCurrentProfileNotice{display:flex;min-height:42px;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:10px;background:rgba(var(--accent-rgb),.045);color:var(--muted);font-size:9px}.accountCurrentProfileNotice svg{flex:0 0 auto;color:var(--accent-primary-hover)}.accountEnabledToggle{display:inline-flex;min-height:34px;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:720}.mobileAccountGroup{display:none}@media(max-width:900px){.authShell{padding:16px}.authPanel{max-width:440px}.authTechnicalField{top:28px;right:12px;bottom:28px;left:12px}.desktopAccountButton{min-width:48px;grid-template-columns:34px;padding:6px}.desktopAccountCopy,.desktopAccountButton>svg{display:none}}@media(max-width:640px)and (orientation:portrait){.authShell{display:block;height:100dvh;min-height:0;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.authPanel{min-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:24px 20px;border-radius:21px}.authMarkShell{width:44px;height:44px}.authBrand h1{font-size:26px}.authIntro{margin-top:clamp(72px,16dvh,126px)}.authIntro h2{font-size:28px}.authForm>input,.authPasswordField input,.accountField input,.accountField select{font-size:16px}.authTechnicalField,.desktopAccountButton{display:none}.mobileAccountGroup{display:block}.mobileAccountRowButton{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.mobileAccountAvatar{width:38px;height:38px;border-radius:11px}.mobileAccountRowButton.isSignOut,.mobileAccountRowButton.isSignOut strong{color:var(--accent-primary-hover)}.accountDialogOverlay{align-items:stretch;padding:0;background:#07090b;-webkit-backdrop-filter:none;backdrop-filter:none}.accountDialog{width:100%;max-height:none;height:100dvh;border:0;border-radius:0;background:var(--bg)}.accountDialogHeader{min-height:calc(66px + env(safe-area-inset-top));padding:max(12px,env(safe-area-inset-top)) 14px 10px}.accountDialogHeader h2{font-size:20px}.accountDialogBody{display:flex;overflow:hidden;flex-direction:column}.accountDialogNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--border-soft)}.accountDialogNav>button:not(.accountSignOutButton){justify-content:center;min-height:44px}.accountSignedInSummary,.accountSignOutButton{display:none}.accountDialogContent{padding:18px 14px max(22px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.accountSectionHeading{align-items:center;margin-bottom:16px}.accountSectionHeading h3{font-size:18px}.accountFieldGrid,.accountManagedGrid{grid-template-columns:1fr}.accountResetField{grid-column:auto}.accountFormDivider{grid-template-columns:18px minmax(0,1fr)}.accountFormDivider small{grid-column:2;justify-self:start}.accountFormActions{position:sticky;bottom:-18px;margin-inline:-14px;padding:12px 14px max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg) 18%)}.accountFormActions>button{min-height:44px}.accountProfilesPane>.accountSectionHeading{align-items:flex-start}.accountProfilesPane>.accountSectionHeading .accountPrimaryButton{min-width:44px;min-height:44px}.accountUserCard{padding:12px}.accountUserCardHeader{grid-template-columns:34px minmax(0,1fr) auto}.accountManagedActions{min-height:44px}}
