:root{--color-bg: #050816;--color-surface: #0f172a;--color-surface-soft: #111827;--color-primary: #22c55e;--color-primary-soft: rgba(34, 197, 94, .16);--color-border: rgba(148, 163, 184, .5);--color-text-main: #e5e7eb;--color-text-sub: #9ca3af;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 24px 60px rgba(15, 23, 42, .65)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1f2937 0,#020617 42% 100%);color:var(--color-text-main)}a{color:inherit}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;background:#0f172ad1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid rgba(148,163,184,.35)}.app-header-inner{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.app-header-title{font-size:18px;font-weight:650}.app-header-sub{font-size:12px;color:var(--color-text-sub)}.app-main{flex:1;max-width:960px;margin:0 auto;padding:28px 16px 44px}.card{background:radial-gradient(circle at top left,#111827 0,#020617 120%);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:26px 24px 30px;border:1px solid rgba(148,163,184,.25);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent);opacity:.7;mix-blend-mode:screen;pointer-events:none}.page-title{margin:0 0 10px;font-size:24px;font-weight:650;letter-spacing:.02em}.page-subtitle{margin:0 0 16px;font-size:13px;color:var(--color-text-sub)}.section-title{margin:0 0 14px;font-size:16px;font-weight:600}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}label{font-size:13px;font-weight:500}input[type=file]{font-size:13px;color:var(--color-text-main)}.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:999px;border:1px solid rgba(34,197,94,.2);font-size:13px;font-weight:600;cursor:pointer;background:radial-gradient(circle at top,#4ade80 0,#22c55e 35%,#15803d);color:#052e16;box-shadow:0 10px 30px #22c55e73,0 0 0 1px #0f172ae6;transform:translateY(0);transition:transform .08s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 38px #22c55e99,0 0 0 1px #0f172ae6;filter:brightness(1.05)}.button:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 18px #16a34a8c,0 0 0 1px #0f172ae6}.button:disabled{opacity:.6;cursor:default}.button-secondary{background:linear-gradient(135deg,#020617,#020617);color:var(--color-text-main);border-color:#94a3b8b3;box-shadow:0 14px 40px #0f172acc,0 0 0 1px #0f172ae6}.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chip{display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;border:1px solid rgba(148,163,184,.8);font-size:12px;cursor:pointer;background:radial-gradient(circle at top left,#020617 0 100%);color:var(--color-text-sub);transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .06s ease-out}.chip:hover{border-color:#38bdf8e6;color:#e0f2fe;transform:translateY(-.5px)}.chip-active{border-color:#22c55e;background:radial-gradient(circle at top left,#22c55e 0,#0f172a 70%);color:#ecfdf5}.preview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-top:20px}.preview-panel{background:radial-gradient(circle at top,#020617 0 100%);border-radius:var(--radius-md);padding:12px;border:1px solid rgba(31,41,55,.9)}.preview-panel h2{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-sub)}.preview-panel img{display:block;max-width:100%;border-radius:10px;background:#020617}@media(max-width:768px){.app-header-inner,.app-main{padding-inline:12px}.card{padding:22px 16px 26px}.preview-grid{grid-template-columns:minmax(0,1fr);gap:16px}}.purpose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:12px}.purpose-card{position:relative;border-radius:16px;padding:16px 16px 14px;background:radial-gradient(circle at top left,#020617 0 100%);border:1px solid rgba(148,163,184,.75);color:var(--color-text-main);text-align:left;cursor:pointer;transition:transform .08s ease-out,box-shadow .12s ease-out,border-color .12s ease-out,background .12s ease-out;display:flex;flex-direction:column;gap:6px}.purpose-card:hover{transform:translateY(-1px);box-shadow:0 14px 40px #0f172ae6;border-color:#38bdf8d9}.purpose-card-primary{border-color:#22c55ef2;background:radial-gradient(circle at top left,#22c55e 0,#020617 80%)}.purpose-label-row{display:flex;align-items:center;gap:10px}.purpose-label-main{font-size:14px;font-weight:600}.purpose-label-sub{font-size:11px;color:var(--color-text-sub)}.purpose-pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.8);color:var(--color-text-sub)}.purpose-icon{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:#0f172ae6;border:1px solid rgba(148,163,184,.9)}.purpose-card-primary .purpose-icon{background:#0f172af2;border-color:#16a34af2}.section-block{border-radius:12px;border:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at top,#020617 0 100%);padding:14px 16px 18px}.card section+section{margin-top:28px}