@charset "UTF-8";:root{font-family:Arial,Helvetica,sans-serif;color:#f5f7fb;background:#0b0b10}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0%,#7c6cff30,transparent 28%),radial-gradient(circle at 100% 0%,var(--accent)30,transparent 25%),linear-gradient(#09090d,#11111a,#09090d)}button,textarea,select{font:inherit}button{cursor:pointer}.app{--accent: var(--accent);--accent2: var(--accent2);--glow: var(--glow);max-width:1220px;min-height:100vh;margin:auto;padding:20px}.theme-emerald{--accent: #20d6a1;--accent2: #78f2c9;--glow: rgba(32, 214, 161, .26)}.theme-blue{--accent: #4d8dff;--accent2: #82b1ff;--glow: rgba(77, 141, 255, .28)}.theme-gold{--accent: #f2b84b;--accent2: #ffd77e;--glow: rgba(242, 184, 75, .28)}.topbar,.sidebar,.content-card{background:linear-gradient(180deg,#191923ee,#13131bdd);border:1px solid #ffffff12;border-radius:22px;box-shadow:0 24px 60px #0008}.topbar select{padding:9px 12px;border:1px solid #ffffff18;border-radius:11px;color:#f5f7fb;background:#ffffff0d}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;margin-top:20px}.sidebar{height:max-content;padding:16px}.side-title,.eyebrow{color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.step{display:block;width:100%;margin:5px 0;padding:11px;border:1px solid transparent;border-radius:12px;color:#a8afc0;text-align:left;background:transparent}.step.active,.step:hover{border-color:color-mix(in srgb,var(--accent) 38%,transparent);color:#fff;background:color-mix(in srgb,var(--accent) 12%,transparent)}.page-head{margin:55px 0 20px}.page-head h1{margin:10px 0;font-size:clamp(36px,6vw,62px);line-height:1;letter-spacing:-.07em}.muted{color:#a8afc0}.content-card{min-width:0;padding:24px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{display:flex;min-width:0;min-height:185px;padding:17px;flex-direction:column;align-items:flex-start;border:1px solid #ffffff15;border-radius:16px;color:#f5f7fb;text-align:left;background:linear-gradient(150deg,#ffffff10,#ffffff04)}.template-card:hover{border-color:color-mix(in srgb,var(--accent) 52%,transparent);box-shadow:0 12px 28px #0006,0 0 22px var(--glow);transform:translateY(-2px)}.template-section,.template-action{color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.template-card h3{margin:12px 0 8px;font-size:18px}.template-card p{flex:1;margin:0;color:#a8afc0;line-height:1.45}.template-action{margin-top:14px;color:var(--accent)}.blank-start,.field-block{display:grid;gap:10px;margin-top:24px}.blank-start{padding-top:22px;border-top:1px solid #ffffff12}.blank-start label,.field-block label,.conditional-field label,.prompt-editor label{font-weight:800}.tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.tag-group{min-width:0;display:flex;flex-direction:column;gap:10px}.choice{width:100%;min-width:0;min-height:92px;padding:15px;border:1px solid #ffffff15;border-radius:16px;color:#f5f7fb;text-align:left;background:linear-gradient(150deg,#ffffff10,#ffffff04)}.choice:hover,.choice.selected{border-color:color-mix(in srgb,var(--accent) 52%,transparent);box-shadow:0 12px 28px #0006,0 0 22px var(--glow)}.choice strong,.choice small{display:block}.choice small{margin-top:7px;color:#a8afc0}.conditional-field{display:grid;gap:7px}.conditional-field small,.field-block small{color:#a8afc0}.full-textarea,.detail-textarea,.generated-textarea{display:block;width:100%;max-width:100%;min-width:0;padding:15px;border:1px solid #ffffff18;border-radius:14px;outline:none;color:#f5f7fb;background:#0f0f16;line-height:1.6;resize:vertical;overflow:auto}.full-textarea:focus,.detail-textarea:focus,.generated-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.generated-textarea{min-height:430px;margin-top:10px;white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px}.action-group{display:flex;flex-wrap:wrap;gap:10px}.btn{min-height:44px;padding:0 17px;border-radius:13px;font-weight:800}.primary{border:0;color:#fff;background:linear-gradient(var(--accent2),var(--accent));box-shadow:0 10px 25px var(--glow)}.secondary{border:1px solid #ffffff18;color:#fff;background:#ffffff0b}.danger-outline{border:1px solid color-mix(in srgb,var(--accent2) 48%,transparent);color:var(--accent2);background:color-mix(in srgb,var(--accent2) 8%,transparent)}.danger-outline:hover{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 14%,transparent)}.danger{border:0;color:#fff;background:#d94d5c;box-shadow:0 10px 25px #d94d5c44}.danger:hover{background:#ed6573}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog{width:min(100%,480px);padding:26px;border:1px solid #ffffff1c;border-radius:22px;color:#f5f7fb;background:linear-gradient(180deg,#201d27,#14141c);box-shadow:0 30px 90px #000c}.confirm-dialog h2{margin:12px 0;font-size:clamp(24px,4vw,34px);line-height:1.05}.confirm-dialog p{color:#a8afc0;line-height:1.6}@media(max-width:950px){.layout{grid-template-columns:1fr}.template-grid,.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.app{padding:12px}.template-grid,.tag-grid{grid-template-columns:1fr}.content-card{padding:16px}.generated-textarea{min-height:300px}.action-group{width:100%}.action-group .btn{flex:1}}:root{--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--background: #0e0d14;--background-soft: #12111a;--panel: #181720;--panel-raised: #1e1d27;--panel-hover: #25242e;--text-main: #f7f4f8;--text-secondary: #c8c1ce;--text-muted: #aaa2b1;--accent: #ff8b68;--accent-strong: #ff9b7c;--accent-soft: rgba(255, 139, 104, .14);--accent-border: rgba(255, 139, 104, .34);--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .17)}html,body,button,input,textarea,select{font-family:var(--font-ui)}body{background:radial-gradient(circle at 8% 0%,rgba(112,91,170,.12),transparent 32rem),radial-gradient(circle at 100% 30%,rgba(255,139,104,.06),transparent 28rem),var(--background);color:var(--text-main);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.content-card{background:#181720f0;border:1px solid var(--border);box-shadow:0 20px 50px #00000047,inset 0 1px #ffffff06}.sidebar{background:#181720eb;border-color:var(--border)}.brand span{color:var(--accent)}.page-head h1{color:var(--text-main);font-family:var(--font-ui);font-size:clamp(2.25rem,4vw,3.65rem);font-weight:800;letter-spacing:-.055em;line-height:.98;margin:0}.page-head p{color:var(--text-secondary);font-size:15px;line-height:1.55}.side-title,.eyebrow,.template-section,.template-action{color:var(--accent-strong);font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1.2;text-transform:uppercase}.step{color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.35;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.step:hover{color:var(--text-main)}.step.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-main);font-weight:700}.template-card{background:linear-gradient(145deg,#ffffff0b,#ffffff04),var(--panel-raised);border:1px solid var(--border);box-shadow:0 8px 22px #00000029,inset 0 1px #ffffff06;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.template-card:hover{background:linear-gradient(145deg,#fff1,#ffffff05),var(--panel-hover);border-color:var(--accent-border);box-shadow:0 12px 28px #0000003d,0 0 0 1px #ff8b680a;transform:translateY(-2px)}.template-card h3{color:var(--text-main);font-family:var(--font-ui);font-size:15px;font-weight:750;letter-spacing:-.018em;line-height:1.25}.template-card p{color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:450;line-height:1.5}.muted{color:var(--text-muted)}.template-card .muted,.template-card small,.sidebar small{color:var(--text-secondary)}.btn{border:1px solid var(--border-strong);border-radius:10px;font-family:var(--font-ui);font-size:13px;font-weight:750;letter-spacing:-.01em;line-height:1.2;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.btn:hover{border-color:var(--accent-border);transform:translateY(-1px)}.btn:focus-visible,.step:focus-visible,.template-card:focus-visible,.choice:focus-visible,.section-toggle:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.btn.primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));border-color:transparent;box-shadow:0 8px 18px #ff8b682e,inset 0 1px #ffffff3b;color:#211116}.btn.primary:hover{box-shadow:0 10px 24px #ff8b6845,inset 0 1px #ffffff45}.btn.secondary{background:#ffffff0b;color:var(--text-main)}.full-textarea,.detail-textarea,.generated-textarea,input,select{background-color:#0e0d14bd;border:1px solid var(--border);color:var(--text-main);font-family:var(--font-ui);font-size:14px;line-height:1.55}.full-textarea::placeholder,.detail-textarea::placeholder,.generated-textarea::placeholder,input::placeholder{color:#91899d;opacity:1}.full-textarea:focus,.detail-textarea:focus,.generated-textarea:focus,input:focus,select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #ff8b681a;outline:none}.choice,.section-toggle{color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;line-height:1.35}.choice:hover,.section-toggle:hover{color:var(--text-main)}.choice.selected,.section-toggle.enabled{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-main)}.choice.selected:before,.section-toggle.enabled:before{color:var(--accent-strong)}@media(max-width:760px){body{font-size:14px}.page-head h1{font-size:clamp(2rem,11vw,3rem);line-height:1}.page-head p,.template-card h3{font-size:14px}.template-card p,.step{font-size:13px}}body{font-size:clamp(15px,.25vw + 14px,17px);line-height:1.55}.page-head h1{max-width:760px;font-size:clamp(2.55rem,5vw,4.25rem);line-height:.98;letter-spacing:-.06em}.page-head p{max-width:680px;font-size:clamp(15px,.35vw + 14px,17px);line-height:1.6}.side-title,.eyebrow,.template-section,.template-action{font-size:clamp(10px,.2vw + 9px,12px);letter-spacing:.08em;line-height:1.3}.step{font-size:clamp(13px,.25vw + 12px,15px);line-height:1.45}.template-card{min-height:190px;padding:18px}.template-card h3{font-size:clamp(16px,.35vw + 14px,18px);line-height:1.3;letter-spacing:-.025em}.template-card p{max-width:34ch;font-size:clamp(14px,.25vw + 13px,15px);line-height:1.55}.template-action{font-size:11px;line-height:1.3}.choice,.section-toggle,.btn{font-size:clamp(14px,.25vw + 13px,16px);line-height:1.45}.full-textarea,.detail-textarea,.generated-textarea,input,select{font-size:clamp(15px,.25vw + 14px,17px);line-height:1.6}@media(max-width:760px){body{font-size:16px;line-height:1.6}.page-head h1{max-width:100%;font-size:clamp(2.35rem,12vw,3.45rem);line-height:1;letter-spacing:-.055em}.page-head p{font-size:15px;line-height:1.6}.step{font-size:14px;line-height:1.5}.template-card{min-height:0;padding:17px}.template-card h3{font-size:17px;line-height:1.3}.template-card p{max-width:none;font-size:15px;line-height:1.6}.template-section,.template-action{font-size:11px}.choice,.section-toggle,.btn{min-height:44px;font-size:15px}.full-textarea,.detail-textarea,.generated-textarea,input,select{font-size:16px;line-height:1.6}}@media(max-width:430px){.page-head h1{font-size:clamp(2.15rem,12vw,3rem)}.template-card{padding:16px}.template-card h3{font-size:16px}.template-card p{font-size:15px}}body,.page-head p,.choice,.step,.btn,.full-textarea,.detail-textarea,.generated-textarea,input,select{font-size:clamp(16px,.35vw + 15px,18px)}.choice small,.conditional-field small,.field-block small{font-size:15px}.brand span{font-size:1em}.topbar select{color:#f7f4f8!important;background:#181720!important;border:1px solid var(--accent-border)!important;font-size:16px;font-weight:700;color-scheme:dark}.topbar select option{color:#f7f4f8!important;background-color:#181720!important}.app{--theme-soft: rgba(255, 139, 104, .1);--theme-soft-2: rgba(255, 139, 104, .04)}.app.theme-emerald{--accent: #20d6a1;--accent2: #78f2c9;--glow: rgba(32, 214, 161, .24);--theme-soft: rgba(32, 214, 161, .11);--theme-soft-2: rgba(32, 214, 161, .045)}.app.theme-blue{--accent: #6d9eff;--accent2: #a9c5ff;--glow: rgba(77, 141, 255, .24);--theme-soft: rgba(77, 141, 255, .11);--theme-soft-2: rgba(77, 141, 255, .045)}.app.theme-gold{--accent: #f2b84b;--accent2: #ffe09a;--glow: rgba(242, 184, 75, .23);--theme-soft: rgba(242, 184, 75, .11);--theme-soft-2: rgba(242, 184, 75, .045)}.app{position:relative;isolation:isolate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 0%,var(--theme-soft),transparent 34rem),radial-gradient(circle at 96% 20%,var(--theme-soft-2),transparent 30rem),linear-gradient(180deg,rgba(255,255,255,.015),transparent 45%);transition:background .3s ease}.brand span,.side-title,.eyebrow,.template-section,.template-action{color:var(--accent2)!important}.template-action{color:var(--accent)!important}.step.active,.choice.selected,.section-toggle.enabled{border-color:var(--accent)!important;background:var(--theme-soft)!important}.btn.primary{background:linear-gradient(180deg,var(--accent2),var(--accent))!important;box-shadow:0 10px 25px var(--glow)!important}.page-head h1{font-size:clamp(3.1rem,7vw,5.6rem)!important;font-weight:900!important;line-height:.96!important;letter-spacing:-.065em!important;text-shadow:0 4px 24px var(--glow)}.template-card h3{font-size:clamp(18px,1.4vw,23px)!important;font-weight:800!important}.confirm-dialog h2{font-size:clamp(28px,4vw,40px)!important}@media(max-width:760px){.page-head h1{font-size:clamp(2.7rem,13vw,4rem)!important}.template-card h3{font-size:19px!important}}.comparison-fields,.compare-fields,.object-fields,.comparison-items{display:grid;place-items:center;gap:16px;width:100%;margin:22px auto}.comparison-fields input,.compare-fields input,.object-fields input,.comparison-items input,.comparison-fields textarea,.compare-fields textarea,.object-fields textarea,.comparison-items textarea{width:min(100%,680px);min-height:58px;padding:16px 20px;border:2px solid var(--accent-border);border-radius:16px;color:var(--text-main);background:linear-gradient(145deg,var(--theme-soft, rgba(255, 139, 104, .1)),rgba(255,255,255,.035));font-size:clamp(18px,1.5vw,24px);font-weight:750;line-height:1.3;text-align:center;box-shadow:0 10px 28px var(--glow, rgba(255, 122, 69, .18))}.comparison-fields input::placeholder,.compare-fields input::placeholder,.object-fields input::placeholder,.comparison-items input::placeholder{color:var(--accent2);opacity:.78}.comparison-fields input:focus,.compare-fields input:focus,.object-fields input:focus,.comparison-items input:focus,.comparison-fields textarea:focus,.compare-fields textarea:focus,.object-fields textarea:focus,.comparison-items textarea:focus{border-color:var(--accent);outline:0;transform:scale(1.015);box-shadow:0 0 0 4px var(--glow),0 14px 34px var(--glow)}.comparison-fields button,.compare-fields button,.object-fields button,.comparison-items button{color:var(--accent2);font-weight:800}@media(max-width:600px){.comparison-fields input,.compare-fields input,.object-fields input,.comparison-items input,.comparison-fields textarea,.compare-fields textarea,.object-fields textarea,.comparison-items textarea{width:100%;min-height:54px;font-size:18px}}.tag-grid{align-items:stretch;gap:18px}.tag-group{gap:14px}.choice{min-height:112px;padding:18px 20px;border:2px solid var(--accent-border);border-radius:16px;background:linear-gradient(145deg,var(--theme-soft, rgba(255, 139, 104, .1)),rgba(255,255,255,.035));box-shadow:0 10px 28px var(--glow, rgba(255, 122, 69, .18));text-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.choice strong{display:block;color:var(--text-main);font-size:clamp(17px,1vw,21px);font-weight:800;line-height:1.25}.choice small{display:block;margin-top:9px;color:var(--text-secondary);font-size:clamp(14px,.5vw,16px);line-height:1.45}.choice:hover,.choice.selected{border-color:var(--accent);background:linear-gradient(145deg,var(--theme-soft),rgba(255,255,255,.07));box-shadow:0 0 0 3px var(--glow),0 14px 34px var(--glow);transform:translateY(-2px)}.choice:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}@media(max-width:600px){.choice{min-height:96px;padding:16px}.choice strong{font-size:18px}.choice small{font-size:14px}}.brand-mark b{color:var(--accent-strong);font-family:var(--font-ui);font-size:22px;font-weight:900;line-height:1}.brand-mark b:nth-child(2){color:var(--text-main)}.brand-mark b:nth-child(3){color:var(--accent)}.brand-name{color:var(--text-main);font-family:var(--font-ui);font-size:22px;font-weight:850;letter-spacing:-.055em}.brand-subtitle{position:absolute;left:72px;top:38px;color:var(--text-muted);font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.09em;line-height:1;text-transform:uppercase;white-space:nowrap}@media(max-width:600px){.brand-mark b,.brand-name{font-size:19px}.brand-subtitle{left:64px;top:34px;font-size:8px}}.brand-dgt{color:var(--accent-strong);font-family:var(--font-ui);font-size:clamp(28px,3vw,42px);font-weight:950;letter-spacing:-.08em;line-height:.85;text-shadow:0 0 22px var(--glow)}.brand-prompt{color:var(--text-main);font-family:var(--font-ui);font-size:clamp(17px,1.7vw,25px);font-weight:650;letter-spacing:-.06em;line-height:1}.brand-tagline{color:var(--text-secondary);font-family:var(--font-ui);font-size:clamp(10px,.8vw,13px);font-weight:600;letter-spacing:.01em;line-height:1.2}.brand-subtitle{display:none!important}@media(max-width:600px){.brand-dgt{font-size:29px}.brand-prompt{font-size:18px}.brand-tagline{font-size:10px}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px;padding:.9rem 1.5rem .9rem 1.25rem;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--accent) 54%,transparent) 0%,transparent 38%),radial-gradient(ellipse at 95% 100%,color-mix(in srgb,var(--accent-2) 48%,transparent) 0%,transparent 42%),linear-gradient(115deg,color-mix(in srgb,var(--accent) 28%,var(--bg-main)),color-mix(in srgb,var(--accent-2) 24%,var(--bg-main)) 52%,color-mix(in srgb,var(--accent) 26%,var(--bg-main)))}}.page-head:before{content:"";position:absolute;left:50%;top:0;width:min(420px,80%);height:120px;transform:translate(-50%);border-radius:999px;background:var(--glow);filter:blur(48px);opacity:.32;pointer-events:none}.page-head .eyebrow{position:relative;display:inline-block;margin-bottom:18px;padding:7px 13px;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:11px;font-weight:850;letter-spacing:.12em}.page-head h1{position:relative;max-width:860px;margin:0 auto;color:var(--text-main);font-family:var(--font-ui);font-size:clamp(42px,7vw,88px);font-weight:950;letter-spacing:-.075em;line-height:.92;text-wrap:balance;text-shadow:0 10px 38px rgba(0,0,0,.34)}.page-head h1:after{content:"";display:block;width:96px;height:5px;margin:22px auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 22px var(--glow)}.page-head p{position:relative;max-width:620px;margin:18px auto 0;color:var(--text-muted);font-size:clamp(14px,1.25vw,18px);font-weight:500;letter-spacing:.005em;line-height:1.55}@media(max-width:600px){.page-head{margin-top:42px;padding-inline:4px}.page-head h1{font-size:clamp(40px,13vw,62px)}.page-head p{font-size:14px}}.brand-dgt{color:var(--accent-strong);font-family:var(--font-ui);font-size:clamp(34px,3.8vw,54px);font-weight:950;letter-spacing:-.09em;line-height:.9;text-shadow:0 0 24px var(--glow)}.brand-prompt{color:var(--text-main);font-family:var(--font-ui);font-size:clamp(34px,3.8vw,54px);font-weight:950;letter-spacing:-.09em;line-height:.9}.brand-tagline,.brand-subtitle{display:none!important}.page-head{position:relative;max-width:920px;margin:64px auto 30px;padding:24px 10px 8px;text-align:center}.page-head h1{position:relative;max-width:860px;margin:0 auto;color:var(--text-main);font-family:var(--font-ui);font-size:clamp(42px,7vw,88px);font-weight:950;letter-spacing:-.075em;line-height:.92;text-align:center;text-wrap:balance}.page-head p{position:relative;max-width:620px;margin:18px auto 0;color:var(--text-muted);font-size:clamp(14px,1.25vw,18px);text-align:center}@media(max-width:600px){.brand-dgt,.brand-prompt{font-size:34px}.page-head h1{font-size:clamp(40px,13vw,62px)}.page-head p{font-size:14px}}.sidebar{align-self:start;height:auto;max-height:none}.sidebar .step:last-child{margin-bottom:0}.brand-dgt{color:var(--accent-strong);font-size:clamp(42px,4.8vw,68px);font-weight:1000;letter-spacing:-.1em;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 84%,transparent),0 0 30px color-mix(in srgb,var(--accent-2) 58%,transparent)}.brand-prompt{font-size:clamp(42px,4.8vw,68px);font-weight:950;letter-spacing:-.1em}.page-head h1{max-width:980px;font-size:clamp(48px,8.2vw,104px);letter-spacing:-.085em;line-height:.88;text-shadow:0 12px 42px rgba(0,0,0,.42)}@media(max-width:600px){.brand-dgt,.brand-prompt{font-size:38px}.page-head h1{font-size:clamp(42px,14vw,70px)}}.layout{align-items:start}.sidebar{align-self:start;height:auto;margin-top:0}.content-card{align-self:start}.page-head h1{max-width:1040px;margin-left:auto;margin-right:auto;font-size:clamp(52px,8.8vw,116px);letter-spacing:-.09em;line-height:.86;text-align:center}.page-head p{margin-left:auto;margin-right:auto;text-align:center}@media(max-width:600px){.brand-title{display:block;color:var(--accent-strong);font-family:var(--font-ui);font-size:clamp(30px,3.4vw,50px);font-weight:950;letter-spacing:-.075em;line-height:.9;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 84%,transparent),0 0 32px color-mix(in srgb,var(--accent-2) 58%,transparent)}.page-head h1{font-size:clamp(44px,14vw,74px)}}.layout{align-items:stretch}.sidebar{align-self:stretch;height:auto;min-height:100%}@media(max-width:950px){.sidebar{min-height:auto}}.sidebar-tips{margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.sidebar-tips .side-title{margin-bottom:12px}.tip-card{margin-top:10px;padding:13px 14px;border:1px solid var(--accent-border);border-radius:14px;background:linear-gradient(145deg,var(--accent-soft),rgba(255,255,255,.025));box-shadow:0 8px 20px #00000029}.tip-card strong{display:block;color:var(--text-main);font-size:13px;line-height:1.25}.tip-card p{margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}@media(max-width:950px){.sidebar-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sidebar-tips .side-title{grid-column:1 / -1}.tip-card{margin-top:0}}@media(max-width:600px){.sidebar-tips{display:block}.tip-card{margin-top:10px}}.sidebar-tips{margin-top:30px;padding-top:24px}.sidebar-tips .side-title{margin-bottom:15px;font-size:15px}.tip-card{margin-top:12px;padding:16px 17px;border-radius:15px}.tip-card strong{font-size:15px;line-height:1.3}.tip-card p{margin-top:8px;font-size:14px;line-height:1.55}@media(max-width:950px){.sidebar-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sidebar-tips .side-title{grid-column:1/-1}.tip-card{margin-top:0}}@media(max-width:600px){.sidebar-tips{display:block}.tip-card{margin-top:12px}}.sidebar-tips .side-title{font-size:15px;line-height:1.3}.tip-card{padding:14px 15px}.tip-card strong{display:inline;margin-right:6px;font-size:15px;color:var(--accent-strong)}.tip-card p{display:inline;margin:0;font-size:14px;line-height:1.55}.sidebar-tips .tip-card strong{display:inline;margin-right:6px;color:var(--accent-strong)}.sidebar-tips .tip-card p{display:inline}.tip-card,.sidebar-tips{box-shadow:none!important;text-shadow:none!important}.tip-card{background:#ffffff09;border-color:var(--border)}@media(max-width:600px){.brand{position:relative;left:auto!important;top:auto;display:inline-flex;align-items:center;justify-content:flex-start;min-height:0;margin-right:auto;transform:none!important;text-align:left;white-space:nowrap}}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px;padding:.9rem 1.5rem .9rem 1.25rem;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--accent) 54%,transparent) 0%,transparent 38%),radial-gradient(ellipse at 95% 100%,color-mix(in srgb,var(--accent-2) 48%,transparent) 0%,transparent 42%),linear-gradient(115deg,color-mix(in srgb,var(--accent) 28%,var(--bg-main)),color-mix(in srgb,var(--accent-2) 24%,var(--bg-main)) 52%,color-mix(in srgb,var(--accent) 26%,var(--bg-main)))}.brand{position:relative;left:auto!important;top:auto;display:inline-flex;align-items:center;justify-content:flex-start;min-height:0;margin-right:auto;transform:none!important;text-align:left;white-space:nowrap}.brand-symbol{font-size:1.25rem;line-height:1}.brand-title{display:block;color:var(--accent-strong);font-family:var(--font-ui);font-size:clamp(30px,3.4vw,50px);font-weight:950;letter-spacing:-.075em;line-height:.9;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 84%,transparent),0 0 32px color-mix(in srgb,var(--accent-2) 58%,transparent)}.theme-control{display:inline-flex;align-items:center;justify-content:flex-end;gap:.65rem;margin-left:auto}.theme-label{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.theme-control select{min-width:9.5rem;border:1px solid var(--accent);border-radius:.7rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--accent-2) 14%,var(--surface)));color:var(--text);font:inherit;font-weight:700;cursor:pointer}.theme-control select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-2) 38%,transparent);outline-offset:2px}.theme-coral{--surface: #160e12;--surface-raised: #24131b;--surface-soft: #321825;--text: #fff4f4;--muted: #e2adb3;--line: #71313f;--accent: #ff536b;--accent-2: #ff9a62;--accent-contrast: #21070d}.theme-emerald{--surface: #071713;--surface-raised: #0d2921;--surface-soft: #12392d;--text: #edfff8;--muted: #9ed5c2;--line: #23624d;--accent: #20e39a;--accent-2: #a7f36c;--accent-contrast: #03150f}.theme-blue{--surface: #071329;--surface-raised: #102348;--surface-soft: #14376b;--text: #f1f7ff;--muted: #a8c8f6;--line: #2b5fa8;--accent: #3fa7ff;--accent-2: #7a6dff;--accent-contrast: #061127}.theme-gold{--surface: #1c1508;--surface-raised: #33250b;--surface-soft: #49330d;--text: #fff8df;--muted: #e5c982;--line: #806020;--accent: #ffc247;--accent-2: #ff7a3d;--accent-contrast: #211303}.theme-violet{--surface: #150c27;--surface-raised: #291545;--surface-soft: #3b1d5e;--text: #fbf3ff;--muted: #d3b5ed;--line: #7042a3;--accent: #c15cff;--accent-2: #ff65b9;--accent-contrast: #1d082b}.theme-aqua{--surface: #061b22;--surface-raised: #0b3038;--surface-soft: #104651;--text: #effeff;--muted: #9ddbe0;--line: #287a83;--accent: #2ce6d0;--accent-2: #38a5ff;--accent-contrast: #03191c}.theme-crimson{--surface: #21090f;--surface-raised: #3a101b;--surface-soft: #541525;--text: #fff1f3;--muted: #e8a8b5;--line: #8f3048;--accent: #ff405f;--accent-2: #c93cff;--accent-contrast: #27050c}.theme-lime{--surface: #142008;--surface-raised: #263b0d;--surface-soft: #355414;--text: #f8ffe9;--muted: #c4dd91;--line: #668f24;--accent: #b8f23d;--accent-2: #35d07f;--accent-contrast: #111b04}@media(max-width:640px){.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px;padding:.9rem 1.5rem .9rem 1.25rem;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--accent) 54%,transparent) 0%,transparent 38%),radial-gradient(ellipse at 95% 100%,color-mix(in srgb,var(--accent-2) 48%,transparent) 0%,transparent 42%),linear-gradient(115deg,color-mix(in srgb,var(--accent) 28%,var(--bg-main)),color-mix(in srgb,var(--accent-2) 24%,var(--bg-main)) 52%,color-mix(in srgb,var(--accent) 26%,var(--bg-main)))}.theme-control{width:100%;justify-content:space-between}.theme-control select{min-width:0;width:62%}}.topbar{background:radial-gradient(circle at 4% 0%,color-mix(in srgb,var(--accent) 56%,transparent) 0%,transparent 36%),radial-gradient(circle at 96% 100%,color-mix(in srgb,var(--accent-2) 50%,transparent) 0%,transparent 40%),linear-gradient(115deg,color-mix(in srgb,var(--accent) 30%,var(--bg-main)),color-mix(in srgb,var(--accent-2) 26%,var(--bg-main)) 50%,color-mix(in srgb,var(--accent) 28%,var(--bg-main)))}.brand{position:relative!important;left:auto!important;top:auto!important;margin-right:auto!important;transform:none!important;text-align:left!important}.brand-mark{display:none!important}.brand-title{color:var(--accent-strong)!important;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 84%,transparent),0 0 32px color-mix(in srgb,var(--accent-2) 58%,transparent)}.theme-control{border-color:var(--accent-border);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 30%,var(--bg-main)),color-mix(in srgb,var(--accent-2) 28%,var(--bg-main)));color:var(--accent-strong)}.topbar .theme-control:focus,.topbar select:focus{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:600px){.topbar{align-items:flex-start;flex-direction:column}.brand,.theme-control,.topbar select{width:100%}.brand-title{font-size:38px}}.brand-title{color:#fff!important;text-shadow:0 2px 18px rgba(255,255,255,.12)}.app{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34rem),radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 30rem),linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--background)),var(--background) 48%,color-mix(in srgb,var(--accent-2) 6%,var(--background)))}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 42%,color-mix(in srgb,var(--accent-2) 7%,transparent));opacity:.9}.btn{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel-raised)),color-mix(in srgb,var(--accent-2) 10%,var(--panel-raised)))!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--border-strong))!important;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 9%,transparent)}.btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--panel-hover)),color-mix(in srgb,var(--accent-2) 15%,var(--panel-hover)))!important;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 14%,transparent)}.btn.primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 76%,white 8%),color-mix(in srgb,var(--accent) 78%,black 4%))!important;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent)}.btn.secondary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel-raised)),color-mix(in srgb,var(--accent-2) 6%,var(--panel-raised)))!important}.btn.danger,.btn.danger-outline{background:linear-gradient(135deg,#d94d5c29,#d94d5c12)!important}html,body,#root{min-width:100%;min-height:100%;width:100%;margin:0}body{overflow-x:hidden;background:var(--background)}.app{width:100%;min-width:100%;min-height:100vh;resize:both;overflow:auto;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 36rem),radial-gradient(circle at 94% 16%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 34rem),linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--background)),var(--background) 48%,color-mix(in srgb,var(--accent-2) 8%,var(--background)))}.layout{width:100%;min-width:0}main{min-width:0;width:100%}.page-head{width:100%;box-sizing:border-box}.page-head h1{text-align:center}.brand-title{color:#fff!important}.brand,.brand-title,.logo-title,.app-brand,[data-brand=dgt-prompt]{color:var(--accent);text-shadow:0 1px 0 color-mix(in srgb,var(--text) 22%,transparent),0 2px 5px color-mix(in srgb,var(--accent) 16%,transparent)}.brand-mark,.logo-mark,.app-logo{box-shadow:0 2px color-mix(in srgb,var(--accent) 28%,transparent),0 5px 12px color-mix(in srgb,var(--accent) 12%,transparent)}.hero-title,.hero h1,.content-hero h1{color:var(--text);text-shadow:0 2px 0 color-mix(in srgb,var(--text) 12%,transparent),0 5px 14px color-mix(in srgb,var(--accent) 10%,transparent)}.tip-number,.sidebar-tip-number,.tips-number,.tip-index{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--surface) 78%,transparent));box-shadow:0 2px color-mix(in srgb,var(--accent) 28%,transparent),0 4px 8px color-mix(in srgb,var(--accent) 10%,transparent);text-shadow:0 1px 0 color-mix(in srgb,var(--text) 18%,transparent)}.btn-primary,.primary-button,.brand-button{background:var(--accent);border-color:var(--accent);box-shadow:0 2px color-mix(in srgb,var(--accent) 48%,black),0 5px 12px color-mix(in srgb,var(--accent) 14%,transparent)}.btn-primary:hover,.primary-button:hover,.brand-button:hover{box-shadow:0 1px color-mix(in srgb,var(--accent) 48%,black),0 3px 8px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(1px)}.btn-primary:active,.primary-button:active,.brand-button:active{box-shadow:none;transform:translateY(2px)}.app{perspective:1400px;perspective-origin:50% 0%}.topbar,.sidebar,.content-card{position:relative;isolation:isolate;transform:translateZ(0);border-color:#ffffff24;box-shadow:0 2px #ffffff09 inset,0 -1px #0000005c inset,0 10px 20px #00000029,0 24px 55px #00000047}.topbar:before,.sidebar:before,.content-card:before{position:absolute;z-index:-1;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 28%,transparent 72%,rgba(0,0,0,.12))}.topbar{transform:translateY(0) translateZ(18px);box-shadow:0 2px #ffffff0f inset,0 -2px #00000047 inset,0 8px #0000001f,0 20px 38px #00000052}.template-card{position:relative;overflow:hidden;transform:translateZ(0);border-color:#ffffff21;box-shadow:0 2px #ffffff0b inset,0 -3px #0000003d inset,0 5px #0000001f,0 13px 24px #0003;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.template-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:0;background:radial-gradient(circle at 18% 0%,var(--glow),transparent 42%);transition:opacity .18s ease}.template-card:hover,.template-card:focus-visible{transform:translateY(-6px) translateZ(18px) rotateX(1deg);box-shadow:0 2px #ffffff14 inset,0 -4px #0000003d inset,0 8px #00000029,0 22px 38px #00000052,0 0 28px var(--glow)}.template-card:hover:after,.template-card:focus-visible:after{opacity:1}.btn{position:relative;overflow:hidden;transform:translateY(0) translateZ(0);border-color:#ffffff2e;box-shadow:0 2px #ffffff14 inset,0 -3px #0000003d inset,0 4px #00000038,0 10px 18px #0003;transition:transform .12s ease,box-shadow .12s ease,border-color .16s ease,background-color .16s ease}.btn:before{position:absolute;top:1px;right:1px;bottom:50%;left:1px;border-radius:inherit;pointer-events:none;content:"";opacity:.7;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent)}.btn:hover{transform:translateY(-3px) translateZ(8px);box-shadow:0 2px #ffffff1a inset,0 -3px #0000003d inset,0 7px #0003,0 17px 28px #0000004d,0 0 22px var(--glow)}.btn:active{transform:translateY(2px) translateZ(0);box-shadow:0 1px #ffffff0f inset,0 -1px #0003 inset,0 1px #00000047,0 4px 8px #0003}.btn.primary{box-shadow:0 2px #fff3 inset,0 -3px #7e231657 inset,0 5px #7e23164d,0 12px 22px var(--glow)}.btn.primary:hover{box-shadow:0 2px #ffffff3d inset,0 -3px #7e231657 inset,0 8px #7e231647,0 20px 32px var(--glow)}.btn.danger{box-shadow:0 2px #ffffff29 inset,0 -3px #5c0f1966 inset,0 5px #5c0f1957,0 12px 22px #d94d5c4d}.choice{transform:translateZ(0);box-shadow:0 2px #ffffff0b inset,0 -3px #00000038 inset,0 5px #0000001f,0 12px 22px #0000002e;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.choice:hover,.choice.selected{transform:translateY(-4px) translateZ(12px);box-shadow:0 2px #ffffff12 inset,0 -3px #00000038 inset,0 7px #00000024,0 18px 30px #00000047,0 0 26px var(--glow)}.step{position:relative;transform:translateZ(0);box-shadow:0 2px 0 transparent;transition:transform .14s ease,color .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.step:hover{transform:translate(4px) translateZ(6px);box-shadow:3px 3px #00000024,0 8px 16px #00000029}.step.active{box-shadow:0 2px #ffffff0f inset,0 -2px #00000029 inset,4px 5px #00000026,0 10px 20px var(--glow)}@media(prefers-reduced-motion:reduce){.template-card,.btn,.choice,.step,.topbar,.sidebar,.content-card{transform:none!important;transition:none!important}}.sidebar{display:flex;flex-direction:column}.tipjar-button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:56px!important;margin-top:22px!important;padding:9px 11px!important;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border))!important;border-radius:14px!important;color:var(--text-main)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel-raised)),color-mix(in srgb,var(--accent-2) 9%,var(--panel-raised)))!important;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff12!important;font-family:var(--font-ui, Inter, system-ui, sans-serif)!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important}.tipjar-button:hover{border-color:var(--accent-2)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--panel-hover)),color-mix(in srgb,var(--accent-2) 14%,var(--panel-hover)))!important;box-shadow:0 9px 20px #00000047,0 0 0 2px var(--glow)!important;transform:translateY(-2px)!important}.tipjar-button:focus-visible{outline:3px solid var(--accent-2)!important;outline-offset:3px!important}.tipjar-icon{display:block!important;flex:0 0 auto!important;width:38px!important;height:38px!important;object-fit:contain!important;border-radius:8px!important}.tipjar-button span{display:block!important;min-width:0!important;color:var(--text-main)!important;text-decoration:none!important}@media(max-width:950px){.tipjar-button{margin-top:20px!important}}@media(max-width:600px){.tipjar-button{margin-top:18px!important;min-height:54px!important;padding:8px 10px!important}.tipjar-icon{width:36px!important;height:36px!important}}.sidebar{display:flex!important;flex-direction:column!important;align-items:stretch!important}.sidebar-tips{flex:0 0 auto!important}.tipjar-button{display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;min-height:72px!important;margin-top:auto!important;padding:12px 14px!important;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border))!important;border-radius:16px!important;color:var(--text-main)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel-raised)),color-mix(in srgb,var(--accent-2) 11%,var(--panel-raised)))!important;box-shadow:0 8px 20px #00000038,inset 0 1px #ffffff14!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important;text-decoration:none!important;cursor:pointer!important}.tipjar-button:hover{border-color:var(--accent-2)!important;box-shadow:0 11px 24px #0000004d,0 0 0 2px var(--glow)!important;transform:translateY(-2px)!important}.tipjar-icon{display:block!important;flex:0 0 auto!important;width:48px!important;height:48px!important;object-fit:contain!important;border-radius:10px!important}.tipjar-button span{display:block!important;min-width:0!important;color:var(--text-main)!important;overflow-wrap:anywhere!important}@media(max-width:950px){.tipjar-button{margin-top:24px!important}}@media(max-width:600px){.tipjar-button{min-height:68px!important;margin-top:20px!important;padding:10px 12px!important}.tipjar-icon{width:45px!important;height:45px!important}}.tipjar-button span{display:block!important;max-width:9ch!important;white-space:normal!important;line-height:1.12!important}.tipjar-button span{flex:1 1 auto!important;max-width:none!important;text-align:center!important;white-space:normal!important;line-height:1.2!important}.tipjar-label{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important;line-height:1.15!important}.tipjar-label>span{display:block!important;width:100%!important;white-space:nowrap!important;text-align:center!important}