:root{--mint:#C6FAD2;--rose:#DD9BCF;--ivory:#F6FFEE;--bg:#F6FFEE;--bg-alt:#F1F9F4;--surface:#FFFFFF;--surface-alt:#F3FDF7;--surface-accent:#FAF5FB;--border-soft:#E5EAE7;--border-accent:#E2CADC;--text-strong:#222629;--text:#303438;--text-dim:#5F666C;--text-faint:#98A1A8;--heading:#25292E;--accent-text:#95497F;--primary:var(--rose);--primary-accent:var(--mint);--danger:#D52E49;--warn:#B77800;--radius-sm:6px;--radius:14px;--radius-lg:40px;--radius-pill:44px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--font:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;--font-size-base:15px;--focus-ring:0 0 0 2px rgba(221,155,207,.55),0 0 0 5px rgba(198,250,210,.35);--panel-border:rgba(221,155,207,.5);--panel-gradient:linear-gradient(155deg,#FFFFFF 0%,#F6FFEE 46%,#F9EFF7 100%);--panel-overlay:radial-gradient(circle at 20% 16%,rgba(221,155,207,.18),transparent 62%),radial-gradient(circle at 80% 78%,rgba(198,250,210,.18),transparent 65%);--brand-gradient:linear-gradient(95deg,#707be4 0%,#a43fc9 42%,#307dbc 90%);--btn-grad:linear-gradient(120deg,#DD9BCF 0%,#EAB8DB 40%,#C6FAD2 100%);--btn-grad-hover:linear-gradient(120deg,#E7ADD5 0%,#EDD7E8 35%,#C6FAD2 100%);--card-bg:linear-gradient(165deg,#FFFFFF 0%,#FAFFFA 58%,#F9EFF7 100%);--card-border:rgba(221,155,207,.5);--card-glow:0 0 0 1px rgba(221,155,207,.35),0 6px 18px -6px rgba(140,80,120,.18);--input-bg:#FFFFFF;--input-border:#D7E0DB;--input-border-hover:#C6CFCA;--code-bg:#F3F9F4;--code-border:#E1E8E3;--scroll-thumb:linear-gradient(180deg,rgba(221,155,207,.6),rgba(198,250,210,.6));--glow-tile:0 4px 18px -6px rgba(221,155,207,.4),0 0 0 1px rgba(198,250,210,.5);--shadow-1:0 2px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.08);--shadow-2:0 6px 20px -8px rgba(90,40,70,.2),0 2px 6px -2px rgba(70,30,55,.12)}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:var(--font-size-base);line-height:1.45;background:radial-gradient(circle at 22% 18%,#dd9bcf47,#fff0 55%),radial-gradient(circle at 85% 78%,#c6fad259,#fff0 60%),linear-gradient(160deg,#fff,#f6ffee 55%,#f9eff7) fixed;color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.app-shell{max-width:1500px;margin:0 auto;padding:2.5rem clamp(1rem,2.4vw,2.6rem) 3.4rem}.builder-grid{display:grid;gap:1.9rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.builder-primary{grid-column:span 2;min-width:0}@media (max-width:1200px){.builder-primary{grid-column:span 1}}.single-panel{grid-template-columns:1fr}.full-span{grid-column:1 / -1}.prompt-shell{position:relative;background:linear-gradient(145deg,#fff,#f6ffee 55%,#f9eff7);border:1px solid var(--panel-border);border-radius:var(--radius-pill);padding:1.25rem 1.35rem 1.35rem 1.45rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-1),0 0 0 1px #dd9bcf4d}.prompt-shell:focus-within{border-color:#dd9bcfd9;box-shadow:0 0 0 1px #dd9bcfb3,0 0 0 4px #c6fad273}.prompt-input{background:transparent;border:none;resize:none;min-height:210px;width:100%;padding:0;font-family:var(--mono);font-size:.9rem;line-height:1.5;color:var(--text-strong);caret-color:var(--primary);letter-spacing:.25px}.prompt-input:focus{outline:none}.generate-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:.55rem;background:var(--btn-grad);color:#2d1b26;border:none;font-weight:600;font-size:.74rem;letter-spacing:.5px;padding:.8rem 1.2rem;border-radius:16px;cursor:pointer;position:relative;box-shadow:var(--shadow-2);transition:background .4s ease,transform .35s ease}.generate-btn .label{padding-left:.15rem}.generate-btn:hover:not([disabled]){transform:translateY(-3px);background:var(--btn-grad-hover)}.generate-btn:disabled{opacity:.55;cursor:not-allowed}.error-inline{position:absolute;bottom:-1.15rem;left:1.4rem;font-size:.64rem;color:var(--danger);background:#140c0e8c;padding:.3rem .6rem;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px -2px #0009}@media (max-width:720px){.prompt-shell{border-radius:38px;padding:1.1rem 1.1rem 1.2rem}.prompt-input{min-height:190px;font-size:.9rem}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:2.2rem;margin-top:2.3rem;align-items:start}@media (max-width:1200px){.results-grid{grid-template-columns:1fr}}.result-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:34px;padding:1.75rem 1.7rem 2rem;box-shadow:var(--card-glow);display:flex;flex-direction:column;gap:1rem;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 16% 14%,rgba(221,155,207,.25),transparent 65%),radial-gradient(circle at 85% 90%,rgba(198,250,210,.3),transparent 60%);pointer-events:none}.result-header{display:flex;align-items:center;justify-content:space-between}.result-header h3{margin:0;font-size:.98rem;letter-spacing:.4px;color:var(--heading);font-weight:600}.copy-btn-modern{background:linear-gradient(110deg,#dd9bcf47,#c6fad247);border:1px solid rgba(221,155,207,.5);color:#2e1e27;font-size:.58rem;padding:.42rem .7rem;border-radius:12px;cursor:pointer;font-weight:600;letter-spacing:.45px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .28s ease,transform .28s ease;box-shadow:0 2px 6px -2px #dd9bcf59}.copy-btn-modern:hover{background:linear-gradient(110deg,#dd9bcf61,#c6fad257);transform:translateY(-2px)}.copy-btn-modern:active{transform:translateY(-1px);background:linear-gradient(110deg,#dd9bcf73,#c6fad26b)}.result-body{flex:1;background:#fff;border:1px solid var(--border-soft);border-radius:24px;padding:.9rem .9rem 1.05rem;font-family:var(--mono);font-size:.76rem;line-height:1.48;overflow:auto;min-height:360px;max-height:360px;position:relative;color:var(--text)}.result-body pre{margin:0;white-space:pre-wrap;word-break:break-word}.placeholder{margin:0;color:var(--text-dim);font-size:.78rem;line-height:1.5}.result-body.filled{box-shadow:inset 0 0 0 1px #dd9bcf73,0 0 0 1px #c6fad24d}textarea,input[type=text],input[type=password]{background:var(--surface);border:1px solid var(--input-border);color:var(--text-strong);font-family:var(--mono);transition:border .25s ease,background .25s ease}textarea:hover,input[type=text]:hover,input[type=password]:hover{border-color:var(--input-border-hover)}textarea:focus,input:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--rose)}textarea{width:100%;resize:vertical;border-radius:var(--radius);padding:.9rem 1rem;line-height:1.55;font-size:.9rem}.btn{--btn-bg: var(--btn-grad);--btn-bg-hover: var(--btn-grad-hover);position:relative;border:none;background:var(--btn-bg);color:#1a1118;font-weight:600;font-size:.82rem;padding:.9rem 1.2rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;box-shadow:0 4px 18px -6px #dd9bcf73;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn:hover:not([disabled]){background:var(--btn-bg-hover);transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-outline{--btn-bg:rgba(255,255,255,.08);--btn-bg-hover:rgba(255,255,255,.18);border:1px solid rgba(221,155,207,.35);color:var(--ivory)}.btn-danger{--btn-bg:#dc2626;--btn-bg-hover:#ef4444}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{position:relative;background:var(--panel-gradient);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:1.55rem 1.45rem 1.8rem;box-shadow:var(--shadow-1),0 0 0 1px #dd9bcf4d;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--panel-overlay)}.panel h2,.panel h3{margin:0 0 .8rem;font-size:1.05rem;letter-spacing:.45px;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--heading)}.subtle{color:var(--text-faint);font-size:.7rem;letter-spacing:.55px;font-weight:600;text-transform:uppercase;margin-bottom:1rem}.app-footer{margin-top:4rem;text-align:center;font-size:.7rem;color:var(--text-dim);padding:2.8rem 0 1.2rem;border-top:1px solid rgba(221,155,207,.45);background:linear-gradient(90deg,#dd9bcf2e,#c6fad22e)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#f2f7f3}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:20px;border:2px solid #12161c}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#dd9bcfbf,#c6fad2bf)}::selection{background:#dd9bcf73;color:#2a2d31}.hero-header{display:flex;align-items:center;justify-content:center;margin:0 0 2.5rem}.hero-cluster{display:flex;align-items:center;gap:1.15rem;position:relative}.logo-wrapper{position:relative;width:4.2rem;height:4.2rem}.logo-glow{position:absolute;top:-.55rem;right:-.55rem;bottom:-.55rem;left:-.55rem;background:linear-gradient(135deg,var(--rose),var(--mint));filter:blur(32px);opacity:.4;border-radius:2rem;transition:opacity .5s ease}.group:hover .logo-glow{opacity:.6}.logo-img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:1.4rem;box-shadow:0 4px 18px -6px #dd9bcf73;transition:transform .6s cubic-bezier(.34,.86,.45,1)}.group:hover .logo-img{transform:scale(1.1)}.title-wrap{display:flex;align-items:center;gap:.7rem}.brand-title{font-size:clamp(2.2rem,4.8vw,3.1rem);font-weight:700;margin:0;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1px;text-shadow:0 1px 6px rgba(221,155,207,.28)}.spark-icon{width:1.9rem;height:1.9rem;color:var(--rose);animation:pulse 2.4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(221,155,207,.55))}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.65}}.output-wrapper{display:flex;flex-direction:column;gap:.75rem;height:100%}.output-box{position:relative;flex:1;background:#fff;border:1px solid rgba(221,155,207,.55);border-radius:var(--radius);padding:1rem 1rem 1.1rem;font-family:var(--mono);font-size:.78rem;line-height:1.5;overflow:auto}.output-box.empty{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-style:italic}.copy-btn{position:absolute;top:6px;right:6px;background:linear-gradient(110deg,#dd9bcf4d,#c6fad24d);border:1px solid rgba(221,155,207,.45);color:#2c1d26;font-size:.56rem;padding:.3rem .48rem;border-radius:6px;cursor:pointer}.copy-btn:hover{color:#261620;background:linear-gradient(110deg,#dd9bcf66,#c6fad25c)}.raw-wrapper{margin-top:.75rem}.fade-in{animation:fade .4s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-strong{color:var(--text-strong)}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.accent-text{color:var(--accent-text)}.code-inline{background:var(--code-bg);border:1px solid var(--code-border);padding:2px 6px;border-radius:6px;font-family:var(--mono);font-size:.72rem}