:root{color:#f6f0ff;background:#0f0b1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#8450ff73,#0000 34rem),radial-gradient(circle at 100% 0,#ff5dae59,#0000 30rem),linear-gradient(135deg,#0d0918 0%,#16102a 55%,#0a0712 100%);min-width:320px;min-height:100vh;margin:0}button,textarea,select,input{font:inherit}button{cursor:pointer}.app-shell{width:100%;margin:0;padding:42px 24px}.hero,.workspace,.result-header,.control-row{gap:24px;display:flex}.hero{justify-content:space-between;align-items:center;margin-bottom:28px}h1,h2,p{margin:0}h1{letter-spacing:-.06em;max-width:760px;font-size:clamp(34px,6vw,74px);line-height:.96}h2{font-size:22px}.subtitle{color:#bdb1d7;margin-top:16px;font-size:18px}.eyebrow{color:#c9a7ff;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.hero-actions{flex:none;justify-items:end;gap:10px;display:grid}.status-pill{color:#e4d9ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:12px 18px}.config-button{color:#f4ebff;background:#8d5cff29;border:1px solid #cd9cff61;border-radius:999px;padding:10px 18px;font-weight:800}.workspace{align-items:stretch}.panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#17112bc7;border:1px solid #ffffff21;border-radius:30px;box-shadow:0 24px 80px #00000047}.creator-panel{width:420px;padding:24px}.result-panel{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex}.field-label,.control-row label{color:#d9cef1;gap:10px;font-size:14px;font-weight:700;display:grid}.creator-panel>.field-label{gap:18px}textarea,input{color:#fff;background:#0a0713bf;border:1px solid #ffffff24;border-radius:22px;outline:none;width:100%;padding:16px;line-height:1.7}textarea{resize:vertical;min-height:190px;margin-top:12px;padding:0}textarea:focus,select:focus,input:focus{border-color:#b98cff;box-shadow:0 0 0 4px #b98cff29}.preset-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0 24px;display:grid}.preset-grid button,.segmented button,.history-list button{color:#e8ddff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px}.preset-grid button{text-align:left;min-height:72px;padding:12px;line-height:1.45}.control-group{margin-bottom:18px}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.segmented button{padding:12px 8px}.segmented .active{color:#fff;background:linear-gradient(135deg,#7c4dff,#e45fb4);border-color:#cd9cffe6}.control-row{margin-bottom:18px}.control-row label{flex:1}select{color:#fff;background:#17112b;border:1px solid #ffffff24;border-radius:16px;outline:none;width:100%;padding:12px 14px}.generate-button{color:#fff;background:linear-gradient(135deg,#8d5cff,#ff65bd);border:0;border-radius:20px;width:100%;padding:16px 20px;font-weight:900;box-shadow:0 16px 36px #bf59ff57}.generate-button:disabled{cursor:wait;opacity:.65}.error-box,.success-box{border-radius:16px;margin-bottom:16px;padding:12px}.error-box{color:pink;background:#ff45651f;border:1px solid #ff628066}.success-box{color:#b7ffe4;background:#34d3991f;border:1px solid #67e8b559}.result-header{justify-content:space-between;align-items:center;margin-bottom:22px}.result-header span{color:#bdb1d7}.result-canvas{flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.empty-state,.loading-state{place-items:center;width:100%;height:100%;display:grid}.loading-state{color:#e9ddff;align-content:center;gap:14px}.loading-state span{color:#a99cc5}.loader-ring{border:5px solid #ff65bd;border-color:#ff65bd #8d5cff #ffffff1f #ffffff1f;border-radius:50%;width:72px;height:72px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-card{aspect-ratio:1;color:#a99cc5;text-align:center;background:#ffffff0a;border:1px dashed #ffffff38;border-radius:34px;place-items:center;width:min(420px,90%);max-height:min(420px,90%);display:grid}.loading-card{background:linear-gradient(135deg,#1a1030 0%,#251545 50%,#1a1030 100%);border:1px solid #8d5cff40;animation:2s ease-in-out infinite loading-border-pulse}@keyframes loading-border-pulse{0%,to{border-color:#8d5cff33;box-shadow:0 0 20px #8d5cff0d}50%{border-color:#ff65bd80;box-shadow:0 0 30px #ff65bd26}}.loading-card:before{content:"";background:linear-gradient(45deg,#0000 30%,#8d5cff14 45%,#ff65bd1f 50%,#8d5cff14 55%,#0000 70%) 0 0/250% 250%;border-radius:26px;animation:2.5s ease-in-out infinite loading-shimmer;position:absolute;inset:0}@keyframes loading-shimmer{0%{background-position:100% 100%}to{background-position:-100% -100%}}.loading-card-inner{z-index:1;color:#e9ddff;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;display:flex;position:relative}.loading-card-inner .loader-ring{filter:drop-shadow(0 0 12px #8d5cff80);border-width:4px;width:56px;height:56px}.loading-card-inner span{color:#c9a7ff;letter-spacing:.05em;font-size:14px;font-weight:600}.loading-card-inner:after{content:"";background:linear-gradient(90deg,#8d5cff,#ff65bd,#8d5cff) 0 0/200% 100%;border-radius:2px;width:80px;height:4px;animation:1.5s ease-in-out infinite loading-bar;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}@keyframes loading-bar{0%{opacity:.4;background-position:0 0}50%{opacity:1;background-position:100% 0}to{opacity:.4;background-position:0 0}}.image-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(0,1fr);gap:18px;width:100%;height:100%;min-height:0;display:grid;overflow:auto}.image-card{background:#ffffff0f;border-radius:26px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.preview-button{background:0 0;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:18px;display:grid}.image-card img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.download-button{color:#fff;background:#0000009e;border-radius:999px;padding:8px 12px;font-size:13px;text-decoration:none;position:absolute;bottom:12px;right:12px}.history-panel{margin-top:24px;padding:24px}.muted,.history-note{color:#a99cc5}.history-note{margin-top:8px;font-size:13px}.history-header{align-items:flex-start}.history-filter{justify-content:flex-end;align-items:end;gap:12px;display:flex}.history-filter label{color:#d9cef1;gap:8px;max-width:240px;font-size:14px;font-weight:700;display:grid}.history-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.history-list button{text-align:left;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.history-list img{object-fit:cover;border-radius:14px;width:64px;height:64px}.history-list span{color:#f3edff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-list small{color:#9486b1;grid-column:2}.preview-modal,.config-modal{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04020ad1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.preview-modal-content,.config-modal-content{background:#17112bf2;border:1px solid #ffffff29;border-radius:30px;position:relative;overflow:hidden}.preview-modal-content{place-items:center;width:min(1100px,100vw - 48px);max-width:calc(100vw - 48px);height:min(820px,100vh - 48px);max-height:calc(100vh - 48px);padding:56px 24px 76px;display:grid}.config-modal-content{width:min(580px,100vw - 48px);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto}.preview-modal-content img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.close-button,.modal-download-button{color:#fff;border:0;border-radius:999px;padding:10px 16px;text-decoration:none;position:absolute}.close-button{background:#ffffff1f;top:18px;right:18px}.modal-download-button{background:linear-gradient(135deg,#8d5cff,#ff65bd);font-weight:800;bottom:20px;right:24px}.inline-close{position:static}.config-form{gap:16px;display:grid}.config-form label{color:#d9cef1;gap:10px;font-size:14px;font-weight:700;display:grid}.config-status{color:#bdb1d7;font-size:14px}.config-actions{justify-content:flex-end;gap:12px;display:flex}.secondary-button{color:#f4ebff;background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;padding:12px 18px;font-weight:800}.save-config-button{width:auto;min-width:132px}@media (width<=980px){.app-shell{width:100%;padding:24px 14px}.hero,.workspace{flex-direction:column}.creator-panel{width:100%}.history-header{flex-direction:column}.history-filter{justify-content:flex-start;width:100%}}@media (width<=560px){.preset-grid,.segmented,.control-row{flex-direction:column;grid-template-columns:1fr}.hero-actions,.status-pill,.config-button{width:100%}.hero-actions{justify-items:stretch}.status-pill,.config-button{text-align:center}}