:root{--brand:#39a900;--brand-soft:color-mix(in srgb,var(--brand) 9%,white);--brand-soft-2:color-mix(in srgb,var(--brand) 16%,white);--brand-line:color-mix(in srgb,var(--brand) 34%,white);--brand-dark:color-mix(in srgb,var(--brand) 72%,#0f172a);--brand-shadow:color-mix(in srgb,var(--brand) 22%,transparent);--ink:#0f172a;--muted:#64748b;--bg:#f5f7fb;--line:#e2e8f0;--shadow:0 16px 44px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.splash{position:fixed;inset:0;z-index:9999;background:#fff;display:grid;place-items:center;transition:.4s}.splash.hide{opacity:0;visibility:hidden}.splash div{text-align:center}.splash img{width:165px;height:165px}.splash strong{display:block;font-size:30px;margin-top:12px}.splash span{color:var(--muted)}header{background:#fff;border-bottom:3px solid var(--brand);position:sticky;top:0;z-index:30}.hi{max-width:1320px;margin:auto;min-height:76px;padding:9px 18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center}.prod,.inst{display:flex;align-items:center;gap:10px}.prod img,.inst img{width:56px;height:56px;object-fit:contain}.prod b{font-size:24px}.prod small{display:block;color:var(--muted)}.inst{justify-content:center}.actions{text-align:right}.wrap{max-width:1500px;width:100%;margin:auto;padding:14px;flex:1}.btn{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 14px;font-weight:850}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.soft{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-dark)}.btn.small{min-height:38px;padding:8px 10px;font-size:12px}.btn:disabled{opacity:.45}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.step{padding:10px;border:1px solid var(--line);background:#fff;border-radius:12px;text-align:center;font-weight:850;color:var(--muted)}.step.active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-dark)}.top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.grid{display:block}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden;width:100%}.ch{padding:15px 54px 15px 18px;border-bottom:1px solid var(--line);position:relative}.ch h2{margin:0;font-size:18px}.ch p{margin:4px 0 0;color:var(--muted);font-size:12px}.cb{padding:18px}.drop{border:2px dashed var(--brand-line);border-radius:20px;padding:24px 16px;text-align:center;background:var(--brand-soft)}.drop strong{display:block;font-size:17px}.hint{color:var(--muted);font-size:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}label{display:block;font-weight:850;margin:10px 0 5px}input,select,textarea{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:11px;padding:9px 11px;background:#fff}textarea{min-height:105px;resize:vertical}.bankActionGrid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;margin-top:14px}.bankButtons,.quickPrompt{border:1px solid var(--line);border-radius:15px;padding:12px;background:#fff}.quickPrompt{text-align:left;background:linear-gradient(135deg,var(--brand-soft),#fff)}.quickPromptTitle{font-weight:1000;color:var(--brand-dark);margin-bottom:4px}.quickPromptGrid{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}.quickPrompt label{font-size:10px;margin:5px 0 3px}.promptOutput{margin-top:10px;min-height:165px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left;background:#fff}.bankButtons .row{min-height:74px;align-content:center}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.stat{border:1px solid var(--line);border-radius:13px;padding:10px;background:#fafafa}.stat b{display:block;font-size:20px;color:var(--brand-dark)}.stat small{color:var(--muted)}.msg{padding:11px 13px;border-radius:12px;margin-top:10px}.msg.ok{background:#f0fdf4;color:#166534}.msg.warn{background:#fffbeb;color:#92400e}.msg.error{background:#fef2f2;color:#991b1b}.caseList{display:grid;gap:8px;max-height:440px;overflow:auto;margin-top:10px}.case{border:1px solid var(--line);border-radius:14px;padding:10px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--brand-soft-2);color:var(--brand-dark);font-size:10px;font-weight:900}.roles{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.roles span{padding:3px 6px;border:1px solid var(--line);border-radius:999px;font-size:9px}.modeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode{position:relative;border:2px solid var(--line);border-radius:17px;padding:14px;min-height:138px;cursor:pointer}.mode input{position:absolute;right:10px;top:10px;width:auto;min-height:auto}.mode:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.mode .icon{font-size:25px}.mode strong{display:block;font-size:15px}.rule{display:inline-block;margin:5px 0;padding:4px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:9px;font-weight:1000}.mode span{display:block;color:var(--muted);font-size:11px}.mode.full{grid-column:1/-1}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.checks label{margin:0;font-weight:650}.checks input{width:auto;min-height:auto;margin-right:6px}.preview{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);padding:15px;min-height:430px}.modeRibbon{margin:10px 0;padding:9px 11px;border-radius:12px;background:var(--brand-soft-2);color:var(--brand-dark);font-weight:900;font-size:11px}.roleCards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.roleCard{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:10px;font-weight:900}.roleCard.sel{box-shadow:inset 0 0 0 2px rgba(15,23,42,.08)}.roleCard.eval{border-color:#16a34a;background:#f0fdf4;color:#166534}.roleCard.min{border-color:#eab308;background:#fefce8;color:#854d0e}.roleCard.sab{border-color:#dc2626;background:#fef2f2;color:#991b1b}.scenario{margin-top:10px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:12px}.scenario h3{font-size:16px;margin:6px 0}.decision{padding:9px;border:1px solid var(--line);border-radius:10px;margin-top:6px;font-size:11px}.decision.good{border-color:#86efac;background:#f0fdf4}.brandgrid{display:grid;grid-template-columns:1fr 180px;gap:10px}.logoRow{display:flex;align-items:center;gap:10px;margin-top:10px}.logoPreview{width:80px;height:68px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center}.logoPreview img{width:100%;height:100%;object-fit:contain;padding:6px}.prompt{background:#f8fafc;border:1px solid var(--line);border-radius:15px;padding:12px;margin-top:12px}.prompt textarea{font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.splash img,.prod img,#headerLogo,.logoPreview img{animation:none;filter:none}.top{justify-content:flex-start}.grid{display:block}.bankActionGrid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;margin-top:14px}.drop{padding:26px 18px}.quickPromptGrid{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}.promptOutput{margin-top:10px;min-height:200px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left;background:#fff}.preview{min-height:380px}.stepNote{margin:-4px 0 14px}.step{font-size:13px}.personalizeWindow{position:fixed;inset:0;z-index:500;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.personalizeCard{width:min(720px,96vw);max-height:90dvh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.28)}.personalizeHead{position:sticky;top:0;background:#fff;z-index:2;padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.personalizeHead h2{margin:0}.personalizeBody{padding:18px}.closeX{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:21px;font-weight:900}.personalizeFoot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#f8fafc}.accordion>.ch{cursor:pointer;user-select:none}.accordion>.ch::after{content:"⌄";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#334155;font-size:19px;font-weight:1000;transition:.2s}.accordion.collapsed>.ch::after{transform:translateY(-50%) rotate(-90deg)}.accordion.collapsed>.cb{display:none}.accordion>.ch:hover{background:#fafafa}.accordion .cb{animation:accordionIn .18s ease}@keyframes accordionIn{from{opacity:.25;transform:translateY(-4px)}to{opacity:1;transform:none}}footer{border-top:1px solid var(--line);background:#fff;text-align:center;padding:18px;color:var(--muted);font-size:12px;margin-top:42px}@media(max-width:980px){.bankActionGrid{grid-template-columns:1fr}.quickPromptGrid{grid-template-columns:1fr 130px}.hi{grid-template-columns:1fr}.inst{justify-content:flex-start}.actions{text-align:left}.grid{grid-template-columns:1fr}.modeGrid{grid-template-columns:1fr}.mode.full{grid-column:auto}.brandgrid{grid-template-columns:1fr}}@media(max-width:620px){.wrap{padding:10px}.steps,.two,.three,.checks{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.roleCards{grid-template-columns:1fr}}