:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eceefa;font-synthesis:none;--background:#222;--text:#eceefa;--muted:#636773;--yellow:#f3e25a;background:#222;font-family:Monaco,Consolas,Menlo,Roboto Mono,monospace}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:1px solid var(--yellow);outline-offset:2px}button{color:inherit}.app-shell{isolation:isolate;min-height:100vh;position:relative}.canvas-atmosphere{z-index:-1;pointer-events:none;position:fixed;inset:0}.top-bar{z-index:20;background:linear-gradient(to bottom, var(--background) 0, var(--background) 80%, #2220);height:96px;padding:26px 16px 0;position:fixed;inset:0 0 auto}.top-bar textarea{resize:none;width:100%;height:44px;min-height:44px;color:var(--text);caret-color:var(--yellow);letter-spacing:-.025em;white-space:nowrap;background:0 0;border:0;border-radius:0;outline:0;padding:0 144px 0 0;font-size:32px;font-weight:400;line-height:34px;display:block;overflow:hidden}.top-bar textarea::placeholder{color:#474a53;opacity:1}.mobile-clear-button{display:none}.top-actions{gap:4px;display:flex;position:absolute;top:16px;right:16px}.top-bar.is-panel-open textarea{opacity:0;pointer-events:none}.utility-button{background:var(--muted);min-width:48px;height:24px;color:var(--background);text-transform:uppercase;cursor:pointer;border:0;border-radius:0;padding:0 7px;font-size:10px;font-weight:700;line-height:24px}.utility-button:hover{background:var(--text)}main{padding:96px 16px 16px}.input-status{z-index:21;color:#555964;pointer-events:none;font-size:9px;line-height:1;position:fixed;top:68px;right:16px}.results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.result-card{border-top:2px solid var(--muted);cursor:pointer;min-width:0;padding-top:8px;transition:border-color 90ms linear;overflow:hidden}.result-card:hover,.result-card:focus-visible,.result-card.is-copied{border-color:var(--text)}.card-meta{min-height:12px;color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:500;line-height:12px;display:flex;position:relative}.card-identity{align-items:center;gap:7px;min-width:0;display:flex}.card-meta h2{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;font-weight:500;line-height:12px;overflow:hidden}.card-category{color:#4b4e57;white-space:nowrap}.card-prompt,.card-tools{display:none}.card-prompt{color:var(--text);white-space:nowrap}.card-tools{align-items:center;gap:5px;margin-left:auto}.card-tools button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;line-height:12px}.primary-copy-tool{display:none}.card-tools button:hover,.card-tools .is-favorite{color:var(--yellow)}.result-card:hover .card-meta h2,.result-card:hover .card-category,.result-card:focus-visible .card-meta h2,.result-card:focus-visible .card-category,.result-card.is-copied .card-meta h2,.result-card.is-copied .card-category{display:none}.result-card:hover .card-prompt,.result-card:hover .card-tools,.result-card:focus-visible .card-prompt,.result-card:focus-visible .card-tools,.result-card.is-copied .card-prompt,.result-card.is-copied .card-tools{display:flex}.art-preview{min-height:80px;color:var(--text);overflow:hidden}.art-preview pre{width:max-content;min-width:100%;color:inherit;letter-spacing:0;white-space:pre;margin:0;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;line-height:15.6px}.art-preview>p{color:#4b4e57;margin:0;font-size:10px;line-height:15.6px}.art-preview.is-inverted{color:var(--yellow)}.empty-state{min-height:50vh;color:var(--muted);place-content:center;justify-items:center;font-size:12px;display:grid}.empty-state button{border:1px solid var(--muted);cursor:pointer;background:0 0;padding:5px 8px;font-size:10px}.panel{z-index:19;background:var(--background);display:flex;position:fixed;inset:0;overflow:auto}.info-panel{justify-content:flex-end;align-items:flex-start;padding:20px}.panel-copy{width:min(100%,320px)}.panel-copy pre{color:var(--text);margin:0 0 22px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.15}.panel-copy p{color:var(--text);margin:0 0 18px;font-size:12px;line-height:1.65}.panel-copy p:last-child{color:#4c4f58;font-size:9px}.settings-panel{justify-content:flex-end;padding:104px 20px 24px}.settings-layout{width:min(100%,520px);margin-left:auto}.setting-group,.check-setting{margin-bottom:28px;display:block}.setting-group>span,.setting-group>label,.check-setting>span{color:var(--muted);margin-bottom:9px;font-size:10px;font-weight:700;display:block}.option-row{flex-wrap:wrap;gap:4px;display:flex}.option-row button,.settings-footer button{border:1px solid var(--muted);min-height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:0;padding:0 8px;font-size:10px}.option-row button:hover,.option-row button.is-selected,.settings-footer button:hover{border-color:var(--text);background:var(--text);color:var(--background)}.setting-group input,.setting-group select{border:0;border-bottom:1px solid var(--muted);width:100%;height:38px;color:var(--text);background:0 0;border-radius:0;outline:0;padding:0 4px;font-size:13px}.check-setting{cursor:pointer;padding-left:22px;position:relative}.check-setting input{width:12px;height:12px;accent-color:var(--yellow);margin:0;position:absolute;top:1px;left:0}.settings-footer{color:var(--muted);border-top:1px solid #3d4048;justify-content:space-between;align-items:center;padding-top:16px;font-size:10px;display:flex}.toast{z-index:30;background:var(--text);max-width:min(360px,100vw - 32px);color:var(--background);padding:10px 12px;font-size:11px;font-weight:700;line-height:1.4;position:fixed;bottom:16px;right:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--yellow);color:var(--background)}@media (width<=980px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px),(pointer:coarse) and (width<=900px){body{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.top-bar{height:calc(72px + env(safe-area-inset-top));padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:linear-gradient(to bottom, var(--background) 0, var(--background) 86%, #2220)}.top-bar textarea{height:44px;min-height:44px;padding-right:58px;font-size:30px;line-height:40px}.top-actions{z-index:24;inset:auto max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) auto;background:#2a2c32;border:1px solid #474b56;border-radius:12px;gap:6px;padding:5px;position:fixed}.utility-button{min-width:64px;height:44px;color:var(--text);background:0 0;padding:0 12px;font-size:10px;line-height:44px}.utility-button:hover,.utility-button:active{background:var(--text);color:var(--background)}.mobile-clear-button{top:max(16px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#8c919e;cursor:pointer;background:0 0;border:0;width:52px;height:44px;padding:0;font-size:9px;font-weight:700;display:block;position:absolute}main{padding:calc(72px + env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) calc(82px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.input-status{top:auto;right:auto;bottom:calc(27px + env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));color:#8c919e;font-size:9px;line-height:1}.result-card{cursor:default;padding-top:0}.card-meta{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:52px;margin-bottom:2px;display:grid}.card-identity{gap:3px;display:grid}.card-meta h2{color:#b7bbc5;font-size:11px;line-height:14px}.card-category{color:#9a9fac;font-size:9px;line-height:11px}.card-tools{align-self:stretch;gap:0;display:flex}.card-tools button{color:#9da2ae;touch-action:manipulation;min-width:44px;min-height:44px;font-size:9px;display:block}.card-tools button:active{background:var(--text);color:var(--background)}.primary-copy-tool{display:block}.result-card:hover .card-identity,.result-card:focus-visible .card-identity,.result-card.is-copied .card-identity{display:grid}.result-card:hover .card-meta h2,.result-card:hover .card-category,.result-card:focus-visible .card-meta h2,.result-card:focus-visible .card-category,.result-card.is-copied .card-meta h2,.result-card.is-copied .card-category{display:block}.result-card:hover .card-prompt,.result-card:focus-visible .card-prompt{display:none}.result-card.is-copied .card-prompt{z-index:2;background:var(--text);color:var(--background);pointer-events:none;padding:5px 7px;font-size:9px;display:block;position:absolute}.art-preview{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:64px;padding:6px 0 12px;overflow-x:auto}.art-preview::-webkit-scrollbar{display:none}.art-preview pre{padding-right:18px}.settings-panel{padding:18vh max(8px, env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#0f1012c2;justify-content:stretch;align-items:flex-end}.settings-layout{overscroll-behavior:contain;background:#282a30;border:1px solid #474b56;border-radius:14px;width:100%;max-height:72dvh;margin:0;padding:22px 18px 18px;overflow-y:auto}.setting-group,.check-setting{margin-bottom:20px}.setting-group>span,.setting-group>label,.check-setting>span{color:#a6abb7}.option-row{gap:6px}.option-row button,.settings-footer button{color:#b7bbc5;touch-action:manipulation;border-color:#717683;min-height:44px;padding:0 12px;font-size:11px}.setting-group input,.setting-group select{border-color:#717683;height:48px;font-size:16px}.setting-group input::placeholder{color:#a6abb7;opacity:1}.check-setting{align-items:center;min-height:44px;padding-left:32px;display:flex}.check-setting input{width:18px;height:18px;top:13px}.check-setting>span{margin:0}.settings-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));color:#a6abb7;background:#282a30;margin:0 -18px -18px;position:sticky;bottom:-18px}.info-panel{padding:max(70px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(86px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));justify-content:flex-start;align-items:flex-end}.toast{right:max(10px, env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));text-align:center;border-radius:10px;max-width:none;padding:13px 14px}}@media (width<=620px){.results-grid{grid-template-columns:minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}