@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#edf3f1;--surface:#ffffffc7;--surface-strong:#f7faf9eb;--border:#d5dfdc;--border-strong:#b8cac5;--text:#182522;--text-muted:#50625d;--text-soft:#73847f;--accent:#0b6b63;--accent-strong:#094d47;--success:#1f7a55;--danger:#c1473d;--warning:#b76818;--font-body:"IBM Plex Sans", sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace;--shadow:0 24px 48px #12252114;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top, #fff9, transparent 38%), linear-gradient(180deg, #f6faf8 0%, var(--bg) 44%, #e6eeeb 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#0f3e380b 1px,#0000 1px),linear-gradient(90deg,#0f3e380b 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 82%);mask-image:linear-gradient(#00000073,#0000 82%)}button,input,textarea{font:inherit}img,svg{display:block}#root{min-height:100vh;position:relative}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero-card,.toolbar-card,.remap-card,.tabs-card,.status-banner{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px}.hero-card{padding:32px;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#1180732e,#0000 70%);height:220px;position:absolute;inset:auto -10% -45% 45%}.hero-copy{z-index:1;position:relative}.hero-card h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.3rem,4vw,4rem);line-height:.98}.toolbar-card,.remap-card,.tabs-card,.status-banner{margin-top:20px}.toolbar-card{padding:24px}.toolbar-grid{grid-template-columns:minmax(0,1fr) minmax(320px,1.05fr);align-items:start;gap:18px;display:grid}.field{gap:10px;display:grid}.field-label{color:var(--text);font-weight:600}.field-input,.load-textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#ffffffe0;border-radius:18px;transition:border-color .18s,box-shadow .18s,transform .18s}.field-input{min-height:52px;padding:0 16px}.field-input:focus,.load-textarea:focus{border-color:#0b6b6380;outline:none;box-shadow:0 0 0 4px #0b6b631f}.field-input::placeholder,.load-textarea::placeholder{color:var(--text-soft);opacity:.9}.field-help{color:var(--text-soft);font-size:.88rem}.action-cluster{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:12px;display:grid}.action-message{color:var(--text-soft);grid-column:1/-1;margin:4px 0 0;font-size:.9rem}.button{cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 16px;font-weight:600;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 12px 24px #074b452e}.button-secondary{border-color:var(--border);color:var(--text);background:#ffffffd6}.remap-card{padding:0}.accordion-card,.accordion-group{overflow:hidden}.accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;list-style:none;display:flex}.accordion-summary::-webkit-details-marker{display:none}.accordion-chevron{flex-shrink:0;transition:transform .18s}.accordion-card[open]>.accordion-summary .accordion-chevron,.accordion-group[open]>.accordion-summary .accordion-chevron{transform:rotate(180deg)}.accordion-summary-outer{padding:18px 22px}.accordion-summary-inner{padding:16px 18px}.accordion-body{padding:0 22px 22px}.accordion-group>.accordion-body{padding:0 18px 18px}.remap-toolbar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.remap-toolbar-top{flex-wrap:wrap}.remap-select-field{min-width:min(100%,220px);color:var(--text);gap:8px;font-weight:600;display:grid}.remap-select-field span{color:var(--text-soft);font-size:.84rem}.remap-summary-side{align-items:center;gap:12px;min-width:0;display:inline-flex}.remap-header-status{min-width:0;max-width:440px;color:var(--text-muted);background:#e5f0f5e0;border:1px solid #2f5b7224;border-radius:14px;align-items:center;gap:8px;padding:9px 12px;font-size:.88rem;line-height:1.35;display:inline-flex}.remap-header-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.remap-select{border:1px solid var(--border-strong);min-height:44px;color:var(--text);background:#ffffffe6;border-radius:14px;padding:0 14px}.remap-select:focus{border-color:#0b6b6380;outline:none;box-shadow:0 0 0 4px #0b6b631f}.remap-button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.remap-button-row .button{min-height:44px;padding:0 14px}.transform-stack{gap:20px;margin-top:20px;display:grid}.transform-group{background:linear-gradient(#fffffff0,#f5f9f8fa);border:1px solid #ced9d5e6}.remap-toggle{border:1px solid var(--border);background:#ffffffd6;border-radius:16px;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-weight:600;display:inline-flex}.remap-toggle input{width:16px;height:16px;accent-color:var(--accent)}.remap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.remap-box{background:linear-gradient(#fffffff0,#f5f9f8fa);border:1px solid #ced9d5e6;border-radius:22px;padding:16px}.remap-box-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.remap-box h3,.remap-box h4{margin:0;font-size:1rem}.remap-box p{color:var(--text-muted);margin:8px 0 0;font-size:.92rem}.remap-stats{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.remap-stat{border:1px solid var(--border);background:#ffffffd6;border-radius:16px;min-width:92px;padding:10px 12px}.remap-stat span{color:var(--text-soft);margin-bottom:5px;font-size:.78rem;display:block}.remap-stat strong{font-size:1rem}.remap-stat-success{background:#e5f6eee0;border-color:#1f7a5533}.remap-stat-danger{background:#ffe7e3e6;border-color:#c1473d33}.remap-textarea{resize:none;white-space:pre;height:50px;min-height:50px;max-height:50px;margin-top:12px;padding:12px 14px;line-height:1.45;overflow:auto}.remap-textarea-single-line{height:50px;min-height:50px;max-height:50px}.remap-single-input{min-height:46px;font-family:var(--font-mono);border-radius:14px;margin-top:12px;padding:0 14px;font-size:.92rem}.remap-note{color:var(--text-soft);margin-top:12px;font-size:.9rem}.remap-error-list{gap:8px;margin-top:12px;display:grid}.remap-error-list p{color:var(--text);background:#ffeeeaeb;border:1px solid #c1473d29;border-radius:14px;margin:0;padding:10px 12px}.status-banner{align-items:center;gap:14px;padding:18px 22px;display:flex}.status-banner-icon{border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.status-banner strong{margin-bottom:4px;display:block}.status-banner p{color:var(--text-muted);margin:0}.status-banner-ready .status-banner-icon{color:var(--text-soft);background:#6876731f}.status-banner-success .status-banner-icon{color:var(--success);background:#1f7a551f}.status-banner-error .status-banner-icon{color:var(--danger);background:#c1473d1f}.tabs-card{padding:18px}.tab-list{scrollbar-width:thin;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.tab-button{color:var(--accent-strong);cursor:pointer;white-space:nowrap;min-height:52px;font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg,#0f675f14,#094d4724);border:1px solid #0b6b6329;border-radius:999px;align-items:center;gap:9px;padding:12px 18px;font-size:.98rem;font-weight:700;transition:transform .16s,box-shadow .16s,color .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 10px 20px #0c373314}.tab-button:hover{border-color:#0b6b6347;transform:translateY(-1px);box-shadow:0 14px 26px #0c37331f}.tab-button svg{box-sizing:content-box;background:#ffffffb8;border-radius:999px;width:18px;height:18px;padding:7px}.tab-button span{transform:translateY(-.5px)}.tab-button-active{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-color:#0000;box-shadow:0 12px 24px #074b452e}.tab-button-active svg{background:#ffffff2e}.section-card,.preview-card{background:linear-gradient(#fffffff2,#f5f9f8f5);border:1px solid #ced9d5e6;border-radius:24px;margin-top:18px;padding:24px}.section-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.section-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.section-title-row{align-items:center;gap:10px;display:inline-flex}.section-title-row h2,.info-card h2{margin:0;font-size:1.15rem;line-height:1.2}.section-helper{color:var(--text-muted);max-width:72ch;margin:10px 0 0}.section-toggle{border:1px solid var(--border);min-height:44px;color:var(--text);background:#ffffffd6;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-weight:600;display:inline-flex}.section-toggle input{width:16px;height:16px;accent-color:var(--accent)}.section-stats{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.stat-chip{border:1px solid var(--border);background:#ffffffd1;border-radius:18px;min-width:132px;padding:12px 14px}.stat-chip span{color:var(--text-soft);margin-bottom:6px;font-size:.82rem;display:block}.stat-chip strong{font-size:1.15rem}.stat-chip-success{background:#e5f6eee0;border-color:#1f7a5533}.stat-chip-danger{background:#ffe7e3e6;border-color:#c1473d33}.textarea-wrap{margin-top:18px;display:block}.load-textarea{resize:vertical;min-height:340px;font-family:var(--font-mono);padding:18px;font-size:.95rem;line-height:1.6}.feedback-panel{border:1px solid #0000;border-radius:20px;margin-top:18px;padding:18px}.feedback-header{align-items:center;gap:8px;font-weight:700;display:inline-flex}.feedback-panel p{color:var(--text-muted);margin:10px 0 0}.feedback-panel-success{background:#e5f6eed9;border-color:#1f7a5524}.feedback-panel-danger{background:#ffeeeaeb;border-color:#c1473d29}.feedback-panel-warning{background:#fff3e2f0;border-color:#b7681829}.feedback-panel-info{background:#e5f0f5e0;border-color:#2f5b7229}.feedback-list{gap:12px;margin-top:14px;display:grid}.issue-card{background:#ffffffb8;border:1px solid #c1473d29;border-radius:18px;padding:14px 16px}.issue-card-header{align-items:center;gap:8px;display:inline-flex}.issue-card p{margin:10px 0 12px}.issue-card code{color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;background:#5827200f;border-radius:14px;padding:12px;display:block}.preview-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.preview-meta-card{border:1px solid var(--border);background:#ffffffd9;border-radius:18px;padding:16px 18px}.preview-meta-card span{color:var(--text-soft);margin-bottom:8px;font-size:.82rem;display:block}.preview-shell{background:#0f1d1b;border:1px solid #1f2e2b14;border-radius:22px;margin-top:18px;overflow:hidden}.preview-shell pre{color:#d8efe8;min-height:300px;font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:22px;font-size:.95rem;line-height:1.7}.empty-preview{text-align:center;color:#d8efe8;place-items:center;gap:12px;min-height:280px;padding:32px;display:grid}.empty-preview p{max-width:38ch;margin:0}.warning-list{gap:10px;margin-top:12px;display:grid}.warning-list p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1080px){.toolbar-grid,.remap-grid,.preview-meta{grid-template-columns:1fr}.hero-card{padding:26px}.action-cluster{grid-template-columns:repeat(2,minmax(0,1fr))}.remap-button-row{justify-content:flex-start}}@media (width<=760px){.app-shell{width:min(100% - 20px,1240px);padding-top:20px}.hero-card,.toolbar-card,.section-card,.preview-card{padding:20px}.section-header,.accordion-summary{flex-direction:column}.remap-summary-side{justify-content:space-between;width:100%}.remap-header-status{flex:1;max-width:none}.section-actions{align-items:flex-start;width:100%}.action-cluster{grid-template-columns:1fr}.remap-toolbar{align-items:stretch}.remap-select-field{min-width:100%}.remap-button-row,.remap-button-row .button{width:100%}.preview-meta{grid-template-columns:1fr}.tab-list{padding-bottom:2px}.accordion-summary-outer,.accordion-summary-inner,.accordion-body,.accordion-group>.accordion-body{padding-left:20px;padding-right:20px}}