:root{--bg: #f4efe5;--bg-accent: #efe4d3;--card: rgba(255, 252, 246, .85);--card-strong: #fffaf2;--text: #1f2937;--muted: #6b7280;--line: rgba(140, 119, 91, .2);--shadow: 0 16px 40px rgba(74, 56, 35, .12);--primary: #0f766e;--primary-strong: #115e59;--warm: #c2410c;--ok: #15803d;--warn: #b45309}[data-theme=dark]{--bg: #171717;--bg-accent: #20252c;--card: rgba(31, 36, 45, .88);--card-strong: #252c36;--text: #edf2f7;--muted: #a0aec0;--line: rgba(226, 232, 240, .12);--shadow: 0 20px 44px rgba(0, 0, 0, .34);--primary: #2dd4bf;--primary-strong: #14b8a6;--warm: #fb923c;--ok: #4ade80;--warn: #f59e0b}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top left,rgba(250,204,21,.14),transparent 28%),radial-gradient(circle at top right,rgba(15,118,110,.14),transparent 24%),linear-gradient(180deg,var(--bg-accent),var(--bg));color:var(--text);margin:0;padding:24px}body.force-desktop{overflow-x:auto}body.card-focus-mode{overflow:hidden}.app{max-width:1180px;margin:0 auto}body.force-desktop .app{min-width:1180px}body.force-desktop.card-focus-mode .app{min-width:0}body.force-desktop.mobile-desktop-scaled .app{width:1180px;min-width:1180px;max-width:none;margin:0;transform-origin:top left;transform:scale(var(--desktop-scale, 1))}.grid{display:grid;gap:18px;margin-bottom:18px}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:1.2fr 1fr}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{display:grid;grid-template-columns:1.3fr minmax(280px,360px);gap:24px;align-items:start}.hero-copy{position:relative}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;min-height:32px}.hero-toolbar{display:flex;align-items:center;gap:8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:12px;line-height:32px;text-transform:uppercase;letter-spacing:.14em;color:var(--primary-strong);font-weight:700}.muted-arrow{color:var(--warm)}h1,h2,p{margin-top:0}h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:.95;margin-bottom:12px}h2{font-size:1.25rem;margin-bottom:6px}.hero-text,.section-text,.hint,.field-help,.mini-stat-label,.meta-label,.summary-item .label{color:var(--muted)}.hero-text,.section-text{max-width:62ch}.hero-status{display:grid;gap:14px;padding:18px;background:linear-gradient(180deg,#fffaf2f2,#faf4ebf2);border:1px solid rgba(140,119,91,.16);border-radius:18px}.status-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:8px 12px;background:#b453091f;color:var(--warm);font-weight:700;border:1px solid rgba(180,83,9,.18)}.status-pill.connected{background:#15803d1f;color:var(--ok);border-color:#15803d2e}.meta-value{font-size:.98rem;font-weight:700;word-break:break-word}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:600}.field-help{display:block;font-size:12px;font-weight:400;margin-top:4px}input,button{width:100%;margin-top:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(140,119,91,.26);background:var(--card-strong);color:var(--text);font:inherit}input:focus,button:focus{outline:2px solid rgba(15,118,110,.2);outline-offset:2px}button{cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border-color:transparent}.ghost-button{width:auto;min-width:140px}.subtle-button{min-width:0;width:auto;margin-top:0;padding:7px 12px;border-radius:999px;background:#fffaf2c7;color:var(--muted);font-size:12px;font-weight:700}.subtle-button.is-active{color:var(--primary-strong);border-color:#0f766e42;background:#0f766e14}.icon-button{width:32px;height:32px;min-width:32px;padding:0;justify-content:center;align-items:center;line-height:1}.icon-glyph{display:inline-flex;width:16px;height:16px}.icon-glyph svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[data-theme=dark] .subtle-button{background:#252c36eb;color:#dbe6f3;border-color:#94a3b838}[data-theme=dark] .subtle-button.is-active{background:#2dd4bf24;color:#7deee0;border-color:#2dd4bf42}.card-action-wrap{display:flex;align-items:start;gap:8px}.card-action-wrap--floating{position:absolute;top:18px;right:18px;z-index:2}.card-action-button{display:inline-flex;min-width:0;width:auto;margin-top:0;padding:7px 12px;border-radius:999px;background:#fffaf2e6;color:var(--muted);font-size:12px;font-weight:700}[data-theme=dark] .hero-status,[data-theme=dark] .mini-stat,[data-theme=dark] .summary-item,[data-theme=dark] .queue-item,[data-theme=dark] .detail-row,[data-theme=dark] input,[data-theme=dark] button,[data-theme=dark] pre,[data-theme=dark] .badge,[data-theme=dark] .card-action-button{background:var(--card-strong);color:var(--text)}[data-theme=dark] .hero-status{background:linear-gradient(180deg,#252c36fa,#1f242dfa)}[data-theme=dark] .info-callout{background:#2dd4bf1a;border-color:#2dd4bf24;color:#b8fff4}[data-theme=dark] .status-pill{background:#fb923c1f;border-color:#fb923c33;color:#fdba74}[data-theme=dark] .status-pill.connected{background:#4ade801f;border-color:#4ade8033;color:#86efac}[data-theme=dark] .copy-chip{background:#252c36f2}[data-theme=dark] .card.is-fullscreen{background:#1f242dfa}.card-action-button[data-role=reduce],body.card-focus-mode .card-action-button[data-role=expand]{display:none}body.card-focus-mode .card.is-fullscreen .card-action-button[data-role=reduce]{display:inline-flex}body.card-focus-mode .card:not(.is-fullscreen){opacity:.15;pointer-events:none;filter:blur(2px)}.card.is-fullscreen{position:fixed;top:18px;right:18px;bottom:18px;left:18px;z-index:1000;margin:0;max-width:none;width:auto;overflow:auto;background:#fffcf6fa}.card.is-fullscreen .section-heading{position:relative;padding-right:110px}.card.is-fullscreen .section-heading .card-action-wrap{position:absolute;top:0;right:0}.card.is-fullscreen pre{max-height:none}.actions{display:flex;gap:12px;margin-top:14px}.actions button{flex:1}.info-callout{margin-top:16px;padding:14px;border-radius:16px;background:#0f766e14;border:1px solid rgba(15,118,110,.12);color:#134e4a}.stats-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.mini-stat,.summary-item,.queue-item{background:var(--card-strong);border:1px solid rgba(140,119,91,.16);border-radius:18px}.mini-stat{padding:14px}.mini-stat strong{display:block;margin-top:4px;font-size:1rem}.detail-stack{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:13px 14px;border-radius:16px;background:var(--card-strong);border:1px solid rgba(140,119,91,.16)}.detail-row strong{text-align:right}.detail-label{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px;margin-bottom:12px}.summary-item{padding:14px}.summary-item .label{font-size:12px;margin-bottom:6px}.summary-item .value{font-size:1rem;font-weight:700}.queue-list{display:flex;flex-direction:column;gap:12px}.queue-item{padding:16px}.queue-item.next-action{border-color:#15803d80;box-shadow:0 0 0 2px #15803d1f}.queue-item.warning{border-color:#b453096b}.queue-item.done{opacity:.72}.queue-title{font-weight:800;margin-bottom:10px}.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.local-history-grid{min-width:0}.history-field{min-width:0;overflow-wrap:anywhere;word-break:break-word}.history-field-error{grid-column:1 / -1}.hash-row{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:4px}.hash-value{display:inline-block;max-width:min(100%,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding:2px 0;font-family:Consolas,Courier New,monospace;font-size:.92rem}.copy-chip{width:auto;min-width:0;margin-top:0;padding:5px 10px;border-radius:999px;font-size:12px;line-height:1.2;flex-shrink:0}.queue-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;border:1px solid rgba(140,119,91,.24);background:#fffaf2}.badge.ok{border-color:#15803d47;color:var(--ok)}.badge.warn{border-color:#b4530952;color:var(--warn)}.badge.dim{color:var(--muted)}pre{white-space:pre-wrap;word-break:break-word;max-height:480px;overflow:auto;margin:0;padding:16px;border-radius:18px;background:#fffaf2;border:1px solid rgba(140,119,91,.16)}@media(max-width:900px){body{padding:16px}body:not(.force-desktop) .hero,body:not(.force-desktop) .two-up,body:not(.force-desktop) .action-grid,body:not(.force-desktop) .form-grid{grid-template-columns:1fr}body:not(.force-desktop) .section-heading,body:not(.force-desktop) .detail-row,body:not(.force-desktop) .actions{flex-direction:column}body:not(.force-desktop) .detail-row strong{text-align:left}body:not(.force-desktop) .ghost-button{width:100%}body:not(.force-desktop) .hash-row{flex-wrap:wrap}body:not(.force-desktop) .hash-value{max-width:100%}body:not(.force-desktop) .card-action-button{display:none}body:not(.force-desktop) .hero-toolbar{justify-content:flex-start}body.card-focus-mode .card.is-fullscreen{top:10px;right:10px;bottom:10px;left:10px;width:auto;min-width:0;padding:18px}body.card-focus-mode .card.is-fullscreen .section-heading,body.card-focus-mode .card.is-fullscreen .detail-row,body.card-focus-mode .card.is-fullscreen .actions{flex-direction:column}body.card-focus-mode .card.is-fullscreen .section-heading{padding-right:110px}body.card-focus-mode .card.is-fullscreen .section-heading .card-action-wrap{position:absolute;top:0;right:0;margin-bottom:0}body.card-focus-mode .card.is-fullscreen .hero,body.card-focus-mode .card.is-fullscreen .two-up,body.card-focus-mode .card.is-fullscreen .action-grid,body.card-focus-mode .card.is-fullscreen .form-grid,body.card-focus-mode .card.is-fullscreen .stats-strip{grid-template-columns:1fr}body.card-focus-mode .card.is-fullscreen .detail-row strong{text-align:left}body.card-focus-mode .card.is-fullscreen .ghost-button,body.card-focus-mode .card.is-fullscreen .actions button{width:100%}body.card-focus-mode .card.is-fullscreen .hash-row{flex-wrap:wrap}body.card-focus-mode .card.is-fullscreen .hash-value{max-width:100%}body.card-focus-mode .card.is-fullscreen .hero-copy{padding-right:0}.hero-topline,body.card-focus-mode .card.is-fullscreen .hero-topline{align-items:flex-start}}