:root{--bg:#000;--panel:#121212;--text:#d8d2c7;--soft:#b7b2aa;--muted:#8e8a83;--gold:#d7c29a;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:1.45}*{box-sizing:border-box}html{background:#000}body{background:#000;min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}button,a,input,select,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.appShell{min-height:100svh;color:var(--text);background:#000}button,input,select,textarea{font:inherit}button{color:inherit;transition:background .18s,border-color .18s,color .18s,opacity .18s,transform .18s}.topNav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000eb;border-bottom:1px solid #d7c29a8c;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:14px;min-height:50px;padding:8px 18px;display:grid;position:sticky;top:0}.topLogo{color:var(--gold);font-family:var(--serif);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:25px;line-height:1}.primaryNav{align-items:center;gap:7px;display:flex}.modeNav{justify-self:center}.sectionNav{justify-self:end}.navLink{min-height:29px;color:var(--soft);font-family:var(--serif);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 9px;font-size:14px}.navLink.active{color:var(--gold);border-color:var(--gold)}.mainSurface{min-height:calc(100svh - 50px);padding:12px 18px 118px}.generateView{min-height:calc(100svh - 178px)}.emptyState{width:1px;height:1px}.generationStage{place-items:center;min-height:calc(100svh - 184px);padding:10px 0 0;display:grid}.generateMode-import .generationStage,.generateMode-enhance .generationStage{min-height:calc(100svh - 228px)}.modeInputStack{justify-items:center;gap:12px;width:min(72vw,760px);display:grid}.modeToolStrip{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000c;border:1px solid #d7c29a2e;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(92vw,1040px);min-height:46px;margin:-2px auto 6px;padding:7px 10px;display:flex;position:sticky;top:51px}.toolPill,.compactRange{min-height:30px;color:var(--soft);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.toolPill{cursor:pointer}.toolPill.active{color:var(--gold);background:#d7c29a17;border-color:#d7c29a6b}.editToolCluster{grid-template-columns:auto auto auto auto;justify-content:center;align-items:start;gap:8px;display:grid}.inpaintBrushControls{grid-area:2/3/auto/span 2;grid-template-columns:minmax(170px,1fr) 30px 30px;justify-self:start;align-items:center;gap:7px;display:grid}.brushSizeRange{min-width:0}.brushSizeRange input{width:86px}.brushHistoryButton{width:30px;height:30px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.brushHistoryButton:disabled{opacity:.38;cursor:not-allowed}.brushHistoryButton:not(:disabled):hover{color:var(--gold);border-color:#d7c29a6b}.toolPill.enhanceStartButton{color:#050505;background:var(--gold);border-color:var(--gold)}.toolPill.enhanceStartButton:disabled{opacity:.55;cursor:wait}.compactRange{min-width:160px;color:var(--muted);font-size:11px}.compactRange input{width:74px}.compactRange output{min-width:22px;color:var(--gold);text-align:right}.importDropZone{width:100%;min-height:min(54vh,460px);color:var(--muted);text-align:center;cursor:pointer;background:#ffffff06;border:1px dashed #d7c29a61;border-radius:12px;place-items:center;padding:28px;transition:border-color .2s,background .2s,transform .2s;display:grid}.inlinePromptComposer{background:#181818;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 9px 9px 14px;display:grid}.inlineWorkflowChoice{grid-column:1/-1;align-items:center;gap:7px;padding-bottom:1px;display:flex}.inlineWorkflowChoice button{min-width:0;height:30px;color:var(--soft);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:0 10px}.inlineWorkflowChoice button.active{color:var(--gold);background:#d7c29a1a;border-color:#d7c29a73}.inlinePromptComposer textarea{resize:vertical;width:100%;min-height:38px;max-height:110px;color:var(--text);background:0 0;border:0;outline:0;padding:9px 0;font-size:13px}.inlinePromptComposer textarea::placeholder{color:var(--muted)}.inlinePromptComposer button{color:#050505;cursor:pointer;background:#f2f0eb;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:82px;height:38px;padding:0 14px;display:inline-flex}.inlinePromptComposer button:disabled{opacity:.55;cursor:wait}.importDropZone:hover{background:#d7c29a09;border-color:#d7c29a9e}.importDropZone div{justify-items:center;gap:8px;display:grid}.importDropZone strong{color:var(--gold);font-family:var(--serif);font-size:22px}.importDropZone input{display:none}.importDropZone.hasImage{gap:12px}.importDropZone.hasImage img{object-fit:contain;filter:grayscale()brightness(.82);max-width:100%;max-height:42vh;display:block}.inpaintingStage{background:#ffffff06;border:1px dashed #d7c29a61;border-radius:12px;place-items:center;width:100%;min-height:min(54vh,460px);padding:28px;display:grid;position:relative;overflow:hidden}.inpaintingStage img{object-fit:contain;filter:grayscale()brightness(.82);width:100%;max-height:42vh;display:block}.brushPreviewOnImage{z-index:3;pointer-events:none;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:40px;right:40px}.brushPreviewOnImage span{background:#ff3b30b8;border:1px solid #ffffff61;border-radius:999px;max-width:58px;max-height:58px;display:block;box-shadow:0 0 0 1px #00000047}.inpaintingStage canvas,.inpaintingMaskPreview{width:calc(100% - 56px);height:calc(100% - 56px);position:absolute;inset:28px}.inpaintingStage canvas{z-index:2;cursor:crosshair;touch-action:none}.inpaintingMaskPreview{z-index:1;pointer-events:none}.inpaintingMaskPreview polyline{fill:none;stroke:#ff3b30b8;stroke-linecap:round;stroke-linejoin:round}.drawCanvasStage{place-items:center;width:100%;height:calc(100svh - 292px);min-height:320px;display:grid}.plainOutputGrid{justify-content:center;align-items:center;gap:12px;width:min(100%,1200px);display:grid}.plainOutputGrid.outputs-1{grid-template-columns:minmax(0,min(92vw,1040px))}.plainOutputGrid.outputs-2{grid-template-columns:repeat(2,minmax(0,min(44vw,560px)))}.plainOutputGrid.outputs-3,.plainOutputGrid.outputs-4{grid-template-columns:repeat(2,minmax(0,min(42vw,520px)))}.plainOutput{place-items:center;min-width:0;display:grid;position:relative}.plainOutputImageButton{cursor:pointer;background:0 0;border:0;place-items:center;width:100%;height:calc(100svh - 218px);padding:0;display:grid;position:relative;overflow:hidden}.plainOutputImageButton img{object-fit:contain;filter:grayscale()brightness(.82);width:100%;height:100%;display:block;position:absolute;inset:0}.plainOutputGrid.outputs-2 .plainOutputImageButton,.plainOutputGrid.outputs-3 .plainOutputImageButton,.plainOutputGrid.outputs-4 .plainOutputImageButton{height:min(44vh,430px)}.outputActions{z-index:2;align-items:center;gap:8px;display:inline-flex;position:absolute;top:12px;right:12px}.outputFavorite,.outputSave,.outputDownload{width:34px;height:34px;color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000094;border:1px solid #d7c29a47;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.outputFavorite:hover,.outputSave:hover,.outputDownload:hover{background:#141414bd;border-color:#e8d2a88f}.saveToast{z-index:58;color:var(--gold);background:#0f0f0ff0;border:1px solid #d7c29a57;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex;position:fixed;bottom:132px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0000008c}.generatedOutputGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));place-items:center;gap:12px;width:min(1040px,100%);max-height:calc(100svh - 190px);display:grid}.generatedOutputGrid.outputs-1{grid-template-columns:minmax(260px,min(70vw,900px));justify-content:center}.generatedOutputGrid.outputs-2{grid-template-columns:repeat(2,minmax(240px,min(42vw,520px)));justify-content:center}.generatedOutputGrid.outputs-3,.generatedOutputGrid.outputs-4{grid-template-columns:repeat(2,minmax(220px,min(34vw,420px)));justify-content:center}.generatedOutputGrid .generationCard{width:100%;max-height:calc(100svh - 196px)}.generatedOutputGrid .imageButton img{object-fit:contain;width:100%;height:auto;max-height:calc(100svh - 266px)}.generatedOutputGrid.outputs-2 .imageButton img{max-height:48vh}.generatedOutputGrid.outputs-3 .imageButton img,.generatedOutputGrid.outputs-4 .imageButton img{max-height:20vh}.loadingCard{min-height:76px;color:var(--gold);background:#ffffff0d;border:1px solid #d7c29a42;grid-auto-flow:column;align-items:center;gap:9px;padding:18px 24px;display:inline-grid}.spin{animation:.9s linear infinite spin}.generationCard{background:#0d0d0d;border:1px solid #ffffff14;overflow:hidden}.imageButton,.galleryImageButton,.projectCover{cursor:pointer;background:#111;border:0;width:100%;padding:0;display:block}.imageButton{position:relative}.imageButton img{aspect-ratio:4/3;object-fit:cover;filter:grayscale()brightness(.72);width:100%;display:block}.imageCaption{color:var(--gold);font-family:var(--serif);text-align:left;text-shadow:0 2px 12px #000c;font-size:17px;font-weight:600;position:absolute;bottom:12px;left:14px;right:14px}.cardMeta{color:var(--muted);justify-content:space-between;gap:8px;padding:9px 10px 0;font-size:11px;display:flex}.cardMeta div{min-width:0;display:grid}.cardMeta strong,.cardMeta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cardActions{gap:6px;padding:9px 10px 10px;display:flex}.cardActions button{width:32px;height:32px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.promptComposer{z-index:45;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f1f1ff0;border:1px solid #ffffff24;border-radius:18px;width:min(78vw,900px);min-height:82px;padding:11px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 62px #00000080}.composerInput{grid-template-columns:minmax(0,1fr);align-items:end;gap:10px;display:grid}.composerInput.hasThumbnail{grid-template-columns:74px minmax(0,1fr)}.composerThumbnail{border:1px solid #d7c29a40;border-radius:13px;width:74px;height:74px;position:relative;overflow:hidden}.composerThumbnail img{object-fit:cover;filter:grayscale()brightness(.82);width:100%;height:100%;display:block}.imageInputStack{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:3px;padding:3px;display:grid}.imageInputStack img{border-radius:8px;min-width:0;min-height:0}.imageInputStack span{min-width:0;min-height:0;color:var(--gold);background:#00000094;border-radius:8px;place-items:center;font-size:12px;display:grid}.composerThumbnail button{color:#070707;cursor:pointer;background:#f2f0ebf5;border:0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:5px;right:5px}.promptComposer textarea{resize:none;color:#f3f3f3;background:0 0;border:0;outline:none;width:100%;min-height:28px;font-size:14px;display:block}.promptComposer textarea::placeholder{color:#9b9b9b}.composerControls{flex-wrap:wrap;align-items:center;gap:6px;padding-top:7px;display:flex}.composerPrimaryControls{flex-wrap:nowrap}.composerIconButton{width:36px;height:36px;color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.composerIconButton:hover,.composerIconButton.active,.composerChip.active{color:var(--gold);background:#d7c29a1a}.composerSettings{border-top:1px solid #ffffff17;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;padding-top:9px;display:flex}.composerSelect{position:relative}.composerPrimaryControls .workflowSelect{flex:none;width:max-content;min-width:0;max-width:min(360px,100vw - 220px)}.workflowSelect .composerChip{justify-content:space-between;width:auto;max-width:none}.workflowSelect .composerChip span{white-space:nowrap}.composerSelectMenu{z-index:75;background:#151515;border:1px solid #d7c29a59;border-radius:8px;min-width:190px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 16px 42px #000000b3}.composerSelectMenu button{width:100%;min-height:34px;color:var(--soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;padding:7px 9px;display:flex}.composerSelectMenu button:hover{color:var(--gold);background:#ffffff0f}.uploadWorkflowPanel{z-index:72;width:min(760px,100%);color:var(--soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0ffa;border:1px solid #d7c29a52;border-radius:10px;padding:14px;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 22px 72px #000000bd}.uploadPanelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.uploadPanelHeader div{gap:2px;display:grid}.uploadPanelHeader span{color:var(--gold);font-size:10px}.uploadPanelHeader strong{color:var(--text);font-family:var(--serif);font-size:18px}.uploadPanelHeader button{width:30px;height:30px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.uploadWorkflowGrid{grid-template-columns:1.1fr 1fr 1fr;gap:8px;display:grid}.uploadSourceGrid{grid-template-columns:170px minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.uploadWorkflowGrid>button{min-height:118px;color:var(--soft);text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:7px;justify-items:start;gap:5px;padding:16px;display:grid}.uploadSourceGrid>button{min-height:128px;color:var(--soft);text-align:left;cursor:pointer;background:#ffffff09;border:1px dashed #d7c29a5c;border-radius:7px;justify-items:start;gap:5px;padding:16px;display:grid}.uploadWorkflowGrid>button:hover{color:var(--gold);border-color:#d7c29a7a}.uploadSourceGrid>button:hover,.uploadedImageThumb:hover,.uploadedImageThumb.active{color:var(--gold);border-color:#d7c29a94}.uploadWorkflowGrid .uploadDropCard{border-style:dashed}.uploadWorkflowGrid strong,.uploadSourceGrid strong{color:var(--text)}.uploadWorkflowGrid span,.uploadReady span,.uploadSourceGrid span{color:var(--muted);font-size:11px}.uploadedImageGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.uploadedImageThumb{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;min-width:0;min-height:0;padding:0;overflow:hidden}.uploadedImageThumb img{object-fit:cover;filter:grayscale()brightness(.76);width:100%;height:100%;min-height:60px;display:block}.uploadReady{border-top:1px solid #ffffff14;align-items:center;gap:9px;margin-top:10px;padding-top:10px;display:flex}.uploadReadyThumbs{flex:none;align-items:center;display:flex}.uploadReady img{object-fit:cover;border-radius:4px;width:42px;height:42px}.uploadReadyThumbs img+img{border:1px solid #0f0f0ff2;margin-left:-16px}.uploadReady button{min-height:28px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;margin-left:auto;padding:5px 9px}.uploadReady button:hover{color:var(--gold);border-color:#d7c29a73}.settingRange,.toolStripLabel{color:var(--soft);align-items:center;gap:7px;display:inline-flex}.settingRange input{width:88px}.settingRange output{width:24px;color:var(--gold)}.composerChip,.drawerActions button,.drawerEditTools button,.toggleFilter,.drawSwitch{color:#f4f0e7;cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:30px;padding:6px 10px;display:inline-flex}.composerChip{max-width:170px;font-size:12px}.modelModeToggle{max-width:none}.styleStrengthControl{min-height:34px;color:var(--soft);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:minmax(126px,auto) minmax(136px,1fr);align-items:center;gap:8px;padding:5px 9px;display:inline-grid;position:relative}.styleStrengthHeader{position:relative}.styleSelectButton{color:#f4f0e7;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:24px;padding:0;display:inline-flex}.styleStrengthRange{color:var(--muted);grid-template-columns:auto 78px 24px;align-items:center;gap:7px;font-size:11px;display:grid}.styleStrengthRange input{width:78px}.styleStrengthRange output{color:var(--gold);text-align:right}.composerChip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projectChip{max-width:170px}.generateButton{color:#050505;cursor:pointer;background:#f2f0eb;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;display:inline-flex}.composerMiniRange{min-height:30px;color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:inline-flex}.composerMiniRange input{width:70px}.composerMiniRange output{min-width:22px;color:var(--gold);text-align:right}.generateButton:disabled{opacity:.55;cursor:wait}.controlPanel{z-index:70;width:min(76vw,820px);max-height:min(48vh,520px);color:var(--soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e0ef5;border:1px solid #d7c29a3d;border-radius:18px;padding:16px;animation:.18s both panelIn;position:fixed;bottom:186px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 18px 62px #0009}.panelHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panelHeader span{color:var(--gold);text-transform:uppercase;font-size:10px}.panelHeader h2,.builderGroup h3,.settingBlock h3,.aspectGroup h3{color:var(--gold);font-family:var(--serif);margin:0;font-weight:600}.panelHeader h2{margin-top:3px;font-size:21px}.panelHeader button,.seedRow button{width:32px;height:32px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.settingsPanel,.imagePanel,.projectPanelWrap,.savePanel{gap:14px;display:grid}.aspectPanel{grid-template-columns:210px minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.aspectPreview{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;place-items:center;min-height:190px;padding:18px;display:grid}.aspectPreview div{width:min(142px,100%);max-height:150px;color:var(--gold);font-family:var(--serif);border:2px solid #d7c29ab8;border-radius:10px;place-items:center;font-size:20px;display:grid}.aspectControls,.aspectGroup{align-content:start;gap:9px;display:grid}.aspectGroup{border-bottom:1px solid #ffffff14;padding-bottom:12px}.saveActions{justify-content:flex-end;padding-top:4px;display:flex}.saveActions button{color:#050505;background:var(--gold);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 13px;display:inline-flex}.composerRange,.workspaceRange{color:var(--muted);grid-template-columns:auto minmax(140px,1fr) 34px;align-items:center;gap:9px;margin-top:9px;font-size:12px;display:grid}.workspaceRange{background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;margin-top:0;padding:13px}input[type=range]{height:18px;accent-color:var(--gold);appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{background:var(--gold);appearance:none;border:0;border-radius:50%;width:15px;height:15px;margin-top:-5.5px}input[type=range]::-moz-range-track{background:#ffffff2e;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:var(--gold);border:0;border-radius:50%;width:15px;height:15px}.modeWorkspace{grid-template-columns:minmax(260px,.68fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.modeInputPanel,.modeOutputPanel{gap:12px;min-height:calc(100svh - 184px);display:grid}.modeInputPanel{align-content:start}.modeOutputPanel{place-items:center}.inlineUpload{background:#ffffff09;border:1px dashed #d7c29a61;gap:10px;min-height:330px;padding:12px;display:grid}.inlineUpload img{object-fit:contain;filter:grayscale()brightness(.82);width:100%;max-height:55vh}.inlineUpload>div{min-height:260px;color:var(--muted);place-items:center;gap:8px;display:grid}.inlineUpload label,.inlineImageTools button{min-height:32px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.inlineUpload input{display:none}.inlineImageTools{flex-wrap:wrap;gap:8px;display:flex}.inlineImageTools button.active{color:var(--gold);border-color:#d7c29a73}.drawWorkspace{min-width:0}.compactPanel{max-width:520px}.settingBlock{background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;padding:13px}.settingBlock h3,.builderGroup h3{margin-bottom:8px;font-size:16px}.builderPanel>p{color:var(--muted);margin:0 0 12px}.builderGroup{border-top:1px solid #ffffff14;grid-template-columns:minmax(130px,.25fr) minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.builderGroup span,.editTool span{color:var(--muted);font-size:12px}.builderChips,.segmentedControl,.ratioGrid,.rangeLabel,.editToolGrid{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.miniChip,.segmentedControl button,.ratioButton{min-height:32px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.segmentedControl button.active,.ratioButton.active,.editTool.active,.projectOption.active,.toggleFilter.active{color:var(--gold);background:#d7c29a1a;border-color:#d7c29a73}.ratioFrame{border:2px solid;border-radius:3px;width:18px;height:18px;display:inline-block}.ratio-4-5,.ratio-3-4{width:15px;height:20px}.ratio-16-9{width:24px;height:14px}.ratio-21-9{width:27px;height:12px}.ratio-9-16{width:12px;height:24px}.importBox{background:#ffffff09;border:1px dashed #d7c29a6b;border-radius:13px;align-items:center;gap:11px;min-height:170px;padding:14px;display:grid}.importBox>div{min-height:104px;color:var(--muted);text-align:center;place-items:center;gap:7px;display:grid}.importBox img{object-fit:cover;filter:grayscale();width:100%;max-height:210px}.uploadButton{min-height:34px;color:var(--gold);cursor:pointer;background:#d7c29a14;border:1px solid #d7c29a57;border-radius:999px;justify-self:center;align-items:center;padding:7px 13px;display:inline-flex}.uploadButton input{display:none}.editTool{min-width:145px;min-height:70px;color:var(--soft);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:11px;display:grid}.rangeLabel{color:var(--muted)}.rangeLabel input{flex:1;min-width:160px}.drawSwitch{justify-self:start}.sketchPad{width:min(92vw,178svh - 519.76px);max-width:100%;max-height:100%}.sketchPad canvas{touch-action:none;background-color:#00000047;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d7c29a47;border-radius:12px;width:100%;height:100%;display:block}.projectPanel{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:260px;display:grid;overflow:auto}.projectOption{min-height:70px;color:var(--soft);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:11px;display:grid}.projectOption span{color:var(--muted);font-size:12px}.createProjectForm{gap:8px;display:flex}.newProjectButton{min-height:34px;color:var(--gold);cursor:pointer;background:#d7c29a14;border:1px solid #d7c29a4d;border-radius:8px;justify-self:start;padding:7px 12px}.createProjectForm input{min-height:34px;color:var(--soft);background:#00000042;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:0 11px}.createProjectForm button{min-height:34px;color:var(--gold);cursor:pointer;background:#d7c29a14;border:1px solid #d7c29a4d;border-radius:8px;padding:0 12px}.galleryView{max-width:1800px;margin:0 auto}.galleryLayout{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:14px;display:grid}.galleryFilterPanel{background:#ffffff09;border:1px solid #ffffff14;gap:10px;padding:12px;display:grid;position:sticky;top:66px}.galleryFilterPanel h1,.pageIntro h1,.projectCardBody h2{color:var(--gold);font-family:var(--serif);margin:0;font-weight:600}.galleryFilterPanel h1{font-size:22px}.customSelect{color:var(--muted);gap:5px;font-size:12px;display:grid;position:relative}.customSelect>button{width:100%;min-height:32px;color:var(--soft);cursor:pointer;background:#0000004d;border:1px solid #ffffff17;border-radius:8px;justify-content:space-between;align-items:center;padding:0 8px;display:flex}.customSelect>button:after{content:"";border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}.customSelectMenu{z-index:90;background:#141414fa;border:1px solid #d7c29a47;border-radius:10px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 16px 44px #00000080}.customSelectMenu button{min-height:29px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 7px}.customSelectMenu button.active,.customSelectMenu button:hover{color:var(--gold);background:#d7c29a14}.toggleFilter{width:100%;min-height:34px}.galleryProjectList{border-top:1px solid #ffffff14;gap:5px;max-height:320px;padding-top:7px;display:grid;overflow:auto}.galleryProjectList button{min-height:30px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 8px}.galleryProjectList .projectOrderButton{color:var(--soft);background:#ffffff0d;border-color:#ffffff14;align-items:center;gap:7px;display:inline-flex}.galleryProjectList button.active{color:var(--gold);border-color:#d7c29a59}.galleryGrid{grid-template-columns:repeat(var(--gallery-columns,5), minmax(0, 1fr));align-items:start;gap:8px;display:grid}.galleryImageCard{background:#0d0d0d;width:100%;min-width:0;margin:0;display:block;position:relative;overflow:hidden}.galleryImageButton img{filter:grayscale()brightness(.76);width:100%;height:auto;transition:filter .22s,transform .22s;display:block}.galleryImageCard:hover img{filter:grayscale(.85)brightness(.88);transform:scale(1.02)}.galleryZoomControls{z-index:52;color:var(--gold);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101010eb;border:1px solid #d7c29a47;border-radius:999px;align-items:center;gap:7px;padding:6px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #0000008c}.galleryZoomControls button{width:30px;height:30px;color:var(--gold);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.galleryZoomControls button:disabled{opacity:.36;cursor:not-allowed}.galleryZoomControls span{text-align:center;min-width:18px}.detailModal{z-index:80;place-items:center;display:grid;position:fixed;inset:0}.modalBackdrop{cursor:default;background:#0000009e;border:0;padding:0;position:absolute;inset:0}.detailModalContent{z-index:1;background:#080808;border:1px solid #d7c29a40;grid-template-columns:minmax(0,1fr) 300px;gap:18px;width:min(94vw,1420px);max-width:calc(100vw - 24px);height:min(88vh,900px);max-height:calc(100svh - 24px);padding:18px;animation:.2s both modalIn;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #000000b8}.modalClose{z-index:2;width:34px;height:34px;color:var(--soft);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.modalImageStage{background:#050505;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.modalImageStage img{object-fit:contain;width:100%;height:100%;display:block}.modalInfoPanel{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:8px 0 0;display:flex;overflow:auto}.modalInfoHeader{grid-template-columns:minmax(0,1fr);align-items:center;gap:9px;padding-right:44px;display:grid}.modalInfoHeader>div:not(.modalHeaderActions){gap:2px;display:grid}.modalInfoHeader strong{color:var(--soft)}.modalInfoHeader span{color:var(--muted);font-size:12px}.modalHeaderActions{flex-wrap:nowrap;justify-self:start;align-items:center;gap:7px;display:inline-flex}.modalHeaderActions button{width:32px;height:32px;color:var(--soft);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex}.modalHeaderActions button:hover{color:var(--gold);border-color:#d7c29a61}.modalPrompt{color:var(--text);margin:0;font-size:15px;line-height:1.55}.modalTags,.modalEditTools{flex-wrap:wrap;gap:7px;display:flex}.modalTags span{color:var(--muted);background:#ffffff0f;border-radius:6px;padding:5px 8px;font-size:12px}.modalEditTools button,.copyPromptButton{min-height:34px;color:var(--soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.modalPromptComposer{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:end;gap:8px;margin-top:auto;padding:10px;display:grid}.modalPromptComposer textarea{resize:none;width:100%;min-height:58px;color:var(--text);background:0 0;border:0;outline:0}.modalPromptComposer button{color:#050505;background:var(--gold);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.modalEditTools button:disabled{opacity:.35;cursor:not-allowed}.copyPromptButton{justify-content:center;width:100%;margin-top:auto}.pageIntro{max-width:560px;padding:26px 0 20px}.pageIntro span{color:var(--gold);text-transform:uppercase;font-size:10px}.pageIntro h1{margin-top:6px;font-size:34px}.pageIntro p{color:var(--muted);margin:9px 0 0}.projectGrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.projectCard{background:#ffffff09;border:1px solid #ffffff14;overflow:hidden}.projectCover{color:var(--gold);place-items:center;display:grid}.projectCover img,.emptyCover{aspect-ratio:16/10;object-fit:cover;filter:grayscale()brightness(.68);width:100%}.emptyCover{background:#d7c29a14;place-items:center;display:grid}.projectCardBody{padding:14px}.projectCardBody>span{color:var(--gold);text-transform:uppercase;font-size:10px}.projectCardBody h2{margin-top:6px;font-size:22px}.projectCardBody p{min-height:42px;color:var(--muted);margin:8px 0 13px}.projectCardBody dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.projectCardBody dt{color:var(--muted);text-transform:uppercase;font-size:10px}.projectCardBody dd{color:var(--soft);margin:0}.projectCardBody button{min-height:34px;color:var(--gold);cursor:pointer;background:#d7c29a14;border:1px solid #d7c29a40;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panelIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1200px){.galleryGrid{grid-template-columns:repeat(var(--gallery-columns,5), minmax(110px, 1fr))}}@media (width<=960px){.mainSurface{padding:12px 12px 130px}.galleryLayout{grid-template-columns:1fr}.galleryFilterPanel{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.galleryFilterPanel h1,.galleryProjectList{grid-column:1/-1}.galleryGrid{grid-template-columns:repeat(var(--gallery-columns,5), minmax(96px, 1fr))}.modeWorkspace{grid-template-columns:1fr}.modeInputPanel,.modeOutputPanel{min-height:auto}.promptComposer,.controlPanel{width:calc(100vw - 28px)}.detailModalContent{grid-template-columns:1fr;height:88vh}.modalImageStage{min-height:0}.modalInfoPanel{max-height:36vh}}@media (width<=640px){.topNav{grid-template-columns:1fr;min-height:auto;padding:9px}.topLogo,.modeNav,.sectionNav{justify-self:center}.navLink{font-size:14px}.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modeInputStack{width:100%}.inlinePromptComposer{grid-template-columns:minmax(0,1fr) auto}.inlinePromptComposer button{min-width:72px;padding:0 10px}.composerPrimaryControls{flex-wrap:wrap}.composerPrimaryControls .workflowSelect{flex-basis:100%;order:3;width:100%;max-width:none}.editToolCluster{grid-template-columns:1fr 1fr;width:100%}.inpaintBrushControls{grid-column:1/-1;justify-self:stretch}.galleryFilterPanel{grid-template-columns:1fr}.promptComposer{padding:14px;bottom:14px}.uploadWorkflowPanel{width:100%;max-height:62vh;overflow:auto}.uploadWorkflowGrid,.uploadSourceGrid{grid-template-columns:1fr}.uploadedImageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.uploadWorkflowGrid>button,.uploadSourceGrid>button{min-height:88px}.composerSettings{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.styleStrengthControl{border-radius:14px;grid-template-columns:1fr;min-width:250px}.generateButton{margin-left:0}.controlPanel{bottom:190px}.aspectPanel,.plainOutputGrid.outputs-2,.plainOutputGrid.outputs-3,.plainOutputGrid.outputs-4{grid-template-columns:1fr}}:root{--bg:#070707;--panel:#111;--text:#e8e8e8;--soft:#c9c9c9;--muted:#8f8f8f;--gold:#f1f1f1;--serif:Arial, Helvetica, sans-serif;--sans:Arial, Helvetica, sans-serif}*,:before,:after{transition:none!important;animation-duration:0s!important}html,body,#root,.prototypeShell{color:var(--text);background:var(--bg)}button,input,select,textarea{border-radius:2px!important}button{text-transform:none}button:active:not(:disabled){transform:none}.prototypeShell .topNav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0b;border-bottom:1px solid #626262;min-height:50px}.prototypeShell .topLogo{color:#f0f0f0;font-family:var(--sans);font-size:15px;font-weight:400}.prototypeShell .topLogo:before{content:"prototype / ";color:#878787}.prototypeShell .navLink{color:#bdbdbd;font-family:var(--sans);border-color:#333;font-size:13px}.prototypeShell .navLink.active,.prototypeShell .composerChip.active,.prototypeShell .toolPill.active,.prototypeShell .customSelectMenu .active,.prototypeShell .projectOption.active,.prototypeShell .ratioButton.active{color:#fff;background:#2a2a2a;border-color:#f0f0f0}.prototypeShell .mainSurface{background:#070707}.prototypeShell .modeToolStrip,.prototypeShell .promptComposer,.prototypeShell .composerInput,.prototypeShell .composerSettings,.prototypeShell .styleStrengthControl,.prototypeShell .uploadWorkflowPanel,.prototypeShell .controlPanel,.prototypeShell .galleryFilterPanel,.prototypeShell .customSelectMenu,.prototypeShell .detailModalContent,.prototypeShell .modalInfoPanel,.prototypeShell .inlinePromptComposer{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#111;border:1px solid #555}.prototypeShell .promptComposer{width:min(960px,100vw - 28px)}.prototypeShell .styleStrengthControl{border-radius:2px}.prototypeShell .composerInput textarea,.prototypeShell .inlinePromptComposer textarea,.prototypeShell .modalPromptComposer textarea,.prototypeShell .createProjectForm input{color:#f1f1f1;background:#0b0b0b}.prototypeShell .composerInput textarea::placeholder,.prototypeShell .inlinePromptComposer textarea::placeholder,.prototypeShell .createProjectForm input::placeholder{color:#777}.prototypeShell .composerIconButton,.prototypeShell .composerChip,.prototypeShell .styleSelectButton,.prototypeShell .toolPill,.prototypeShell .compactRange,.prototypeShell .brushHistoryButton,.prototypeShell .uploadWorkflowGrid button,.prototypeShell .uploadSourceGrid button,.prototypeShell .uploadedImageThumb,.prototypeShell .inlineWorkflowChoice button,.prototypeShell .uploadReady button,.prototypeShell .uploadDropCard,.prototypeShell .miniChip,.prototypeShell .ratioButton,.prototypeShell .newProjectButton,.prototypeShell .projectOption,.prototypeShell .createProjectForm button,.prototypeShell .saveActions button,.prototypeShell .customSelect button,.prototypeShell .toggleFilter,.prototypeShell .projectOrderButton,.prototypeShell .galleryProjectList button,.prototypeShell .cardActions button,.prototypeShell .modalHeaderActions button,.prototypeShell .modalEditTools button,.prototypeShell .modalPromptComposer button,.prototypeShell .modalClose{color:#e8e8e8;box-shadow:none;background:#171717;border:1px solid #555}.prototypeShell .generateButton,.prototypeShell .toolPill.enhanceStartButton{color:#050505;background:#efefef;border-color:#efefef}.prototypeShell .builderGroup,.prototypeShell .aspectPreview,.prototypeShell .savePanel,.prototypeShell .projectPanel,.prototypeShell .galleryImageCard,.prototypeShell .generationCard,.prototypeShell .plainOutput,.prototypeShell .loadingCard,.prototypeShell .importDropZone,.prototypeShell .inpaintingStage,.prototypeShell .uploadedImageThumb,.prototypeShell .uploadReady,.prototypeShell .modalTags span{box-shadow:none;background:#0b0b0b;border-color:#555}.prototypeShell .importDropZone{border-style:dashed}.prototypeShell .plainOutputImageButton img,.prototypeShell .galleryImageButton img,.prototypeShell .imageButton img,.prototypeShell .modalImageStage img,.prototypeShell .composerThumbnail img,.prototypeShell .uploadReady img,.prototypeShell .uploadedImageThumb img,.prototypeShell .imageInputStack img,.prototypeShell .inpaintingStage img,.prototypeShell .importDropZone img{filter:grayscale()contrast(.92)}.prototypeShell .outputFavorite,.prototypeShell .outputSave,.prototypeShell .outputDownload,.prototypeShell .saveToast{color:#e8e8e8;box-shadow:none;background:#171717;border:1px solid #555}.prototypeShell .outputFavorite:hover,.prototypeShell .outputSave:hover,.prototypeShell .outputDownload:hover{background:#242424;border-color:#777}.prototypeShell .modalBackdrop{background:#000c}.prototypeShell .modalPrompt,.prototypeShell .builderPanel p,.prototypeShell .builderGroup span,.prototypeShell .projectOption span,.prototypeShell .cardMeta span,.prototypeShell .uploadWorkflowGrid span,.prototypeShell .uploadSourceGrid span,.prototypeShell .uploadReady span{color:#9f9f9f}.prototypeShell .inlineWorkflowChoice button.active,.prototypeShell .uploadedImageThumb.active{color:#fff;background:#2a2a2a;border-color:#f0f0f0}.prototypeShell .imageInputStack span{color:#fff;background:#2a2a2a;border-radius:2px}.prototypeShell .brushHistoryButton{border-radius:2px}.prototypeShell .brushPreviewOnImage span{box-shadow:none;border-color:#eee}.prototypeShell input[type=range]{accent-color:#f1f1f1}.prototypeShell input[type=file]::file-selector-button{color:#e8e8e8;background:#171717;border:1px solid #555;border-radius:2px}.prototypeShell .spin{animation:none!important}