:root{--bg: #e8e2d8;--bg-deep: #d9d0c3;--ink: #1c1915;--ink-muted: #5c5348;--copper: #b45a2a;--copper-deep: #8c3f18;--line: rgba(28, 25, 21, .14);--panel: rgba(255, 251, 245, .72);--ok: #2f6b45;--skip: #8a6a1f;--fail: #9b2c2c;--shadow: 0 24px 60px rgba(40, 28, 16, .12);--radius: 18px;--font: "Outfit", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(180,90,42,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(90,110,90,.12),transparent 50%),linear-gradient(160deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(28,25,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,25,21,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 85%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 85%);z-index:0}#app{position:relative;z-index:1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{display:flex;align-items:center;gap:24px;max-width:960px;margin:0 auto;padding:22px 24px 0}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--copper),var(--copper-deep));color:#fffaf4;font-size:15px}.logo-text{font-size:.95rem}.crumb{display:flex;align-items:center;gap:8px;color:var(--ink-muted);font-size:.88rem}.crumb a:hover{color:var(--copper-deep)}.sep{opacity:.4}.page{max-width:920px;margin:0 auto;padding:36px 24px 80px}.hero{margin-bottom:36px;animation:rise .7s ease both}.brand{margin:0 0 10px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--copper)}h1{margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}.lead{margin:14px 0 0;max-width:36em;color:var(--ink-muted);font-size:1.05rem;line-height:1.55}.stage{display:grid;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:28px;animation:rise .8s ease both;animation-delay:.08s}.field{display:grid;gap:8px;margin-bottom:22px}.field label{font-size:.85rem;font-weight:600;letter-spacing:.02em}.grid-2{display:grid;gap:18px;grid-template-columns:1fr 1fr}textarea{width:100%;resize:vertical;min-height:110px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffffb3;color:var(--ink);font-family:var(--mono);font-size:.92rem;line-height:1.5;outline:none;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #b45a2a2e}.hint{color:var(--ink-muted);font-size:.8rem}.env-row{display:flex;flex-wrap:wrap;gap:10px}.env-chip{display:grid;gap:2px;min-width:120px;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#ffffff8c;color:var(--ink);cursor:pointer;transition:transform .18s ease,border-color .18s,background .18s}.env-chip:hover{transform:translateY(-1px);border-color:#b45a2a73}.env-chip.active{background:linear-gradient(145deg,#b45a2a29,#ffffffb3);border-color:var(--copper)}.env-key{font-family:var(--mono);font-size:.78rem;color:var(--copper-deep)}.env-label{font-size:.92rem;font-weight:600}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.dry{display:inline-flex;align-items:center;gap:10px;color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.dry input{width:16px;height:16px;accent-color:var(--copper)}.submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:14px 28px;background:linear-gradient(135deg,var(--copper) 0%,var(--copper-deep) 100%);color:#fffaf4;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 28px #8c3f1847;transition:transform .18s ease,filter .18s,opacity .18s}.submit:hover:not(:disabled){transform:translateY(-1px) scale(1.01);filter:brightness(1.05)}.submit:disabled{opacity:.5;cursor:not-allowed}.error{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:#9b2c2c14;color:var(--fail);border:1px solid rgba(155,44,44,.2)}.results{animation-delay:.12s}.summary{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.sum-label{display:block;font-size:.75rem;color:var(--ink-muted);margin-bottom:4px}.mono{font-family:var(--mono)}.ok{color:var(--ok)}.skip{color:var(--skip)}.fail{color:var(--fail)}.badge{margin-left:auto;align-self:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;padding:6px 10px;border-radius:8px;border:1px dashed var(--copper);color:var(--copper-deep)}.list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.list li{display:grid;gap:6px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#ffffff73;grid-template-columns:1fr auto}.row-top{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;grid-column:1 / -1}.status{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:#1c19150f}.list li.success .status{background:#2f6b451f;color:var(--ok)}.list li.skip .status{background:#8a6a1f1f;color:var(--skip)}.list li.fail .status{background:#9b2c2c1f;color:var(--fail)}.title{font-weight:600}.msg,.meta{margin:0;grid-column:1;color:var(--ink-muted);font-size:.88rem}.thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line);grid-column:2;grid-row:2 / span 2;align-self:start}.empty{color:var(--ink-muted);text-align:center}.catalog{list-style:none;margin:0;padding:0;display:grid;gap:14px}.tool-card,.tool-slot{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .7s ease both}.tool-card{color:inherit;transition:transform .18s ease,border-color .18s}.tool-card:hover{transform:translateY(-2px);border-color:#b45a2a73}.tool-slot{opacity:.62;border-style:dashed;box-shadow:none}.tool-index{font-family:var(--mono);font-size:1.1rem;color:var(--copper);min-width:2.2em}.tool-tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--copper-deep)}.tool-body h2{margin:4px 0 6px;font-size:1.25rem;letter-spacing:-.02em}.tool-body p{margin:0;color:var(--ink-muted);font-size:.92rem;line-height:1.5}.tool-go{font-size:1.4rem;color:var(--copper)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.topbar,.page{padding-left:16px;padding-right:16px}.page{padding-top:28px;padding-bottom:64px}.grid-2{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.submit{width:100%}.badge{margin-left:0}.tool-card,.tool-slot{grid-template-columns:auto 1fr}.tool-go{display:none}}