:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(100,166,160,.16),transparent 34%),radial-gradient(circle at right,rgba(214,201,181,.28),transparent 28%),#f6f3ed;color:#171717;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--border: rgba(23, 23, 23, .08);--border-strong: rgba(23, 23, 23, .14);--text-muted: rgba(23, 23, 23, .68);--accent: #0f7c73;--accent-soft: rgba(15, 124, 115, .12);--shadow: 0 20px 60px rgba(23, 23, 23, .08);--tool-bar-height: 92px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}.app-shell{width:min(100%,1600px);min-height:100vh;margin:0 auto;padding:24px;display:grid;grid-template-rows:minmax(0,1fr) auto}.app-shell-tool{width:100%;max-width:none;padding:0}.home-screen,.tool-screen,.tool-main,.tool-workspace,.json-workbench{display:grid;animation:rise .42s ease both}.home-screen{min-height:0;align-items:center}.home-content{display:grid;gap:36px}.home-title{display:grid;gap:10px}.home-title,.tool-bar-title,.workspace-title{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-weight:600;line-height:.98;letter-spacing:-.03em}.home-title{max-width:12ch;font-size:clamp(3.2rem,9vw,6.2rem)}.home-title-main,.home-title-sub{display:block}.home-title-sub{padding-left:clamp(.85rem,2vw,1.9rem);font-size:clamp(1.2rem,2.8vw,2rem);letter-spacing:-.01em;line-height:1.05;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.dashboard-card{display:grid;gap:20px;min-height:190px;padding:22px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);text-align:left;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.dashboard-card:hover,.dashboard-card:focus-visible{transform:translateY(-2px);border-color:#0f7c733d;background:#ffffffd1;outline:none}.dashboard-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#1717170d;color:var(--accent);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1.15rem;font-weight:700;letter-spacing:-.04em}.dashboard-card-copy{display:grid;gap:6px;align-content:end}.dashboard-card-title{margin:0;font-size:1.06rem;font-weight:600}.dashboard-card-summary,.output-placeholder,.error-location{margin:0;color:var(--text-muted)}.tool-screen{gap:0;position:relative}.tool-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--tool-bar-height);padding:16px 20px;border:1px solid var(--border);border-top:none;border-radius:0;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.tool-bar-title{font-size:clamp(1.35rem,2vw,1.8rem)}.workspace-label{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--text-muted)}.tool-menu{position:relative;padding-bottom:10px;margin-bottom:-10px}.tool-menu-button,.tool-menu-item{font:inherit}.tool-menu-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:none;border-radius:14px;background:#171717;color:#f8f5ef;cursor:pointer}.tool-menu-button:hover,.tool-menu-button:focus-visible{outline:none;background:#242424}.tool-menu-caret{transition:transform .18s ease}.tool-menu-caret-open{transform:rotate(180deg)}.tool-menu-panel{position:absolute;top:calc(100% + 2px);right:0;display:grid;min-width:180px;padding:8px;border:1px solid var(--border);border-radius:16px;background:#fffffff5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:40}.tool-menu-item{width:100%;padding:11px 12px;border:none;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.tool-menu-item:hover,.tool-menu-item:focus-visible{background:#1717170f;outline:none}.tool-main,.tool-workspace{min-height:0}.tool-main{position:relative;z-index:1;padding:16px 24px 0}.json-workbench{gap:16px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-card{display:grid;grid-template-rows:auto 1fr;gap:14px;min-height:calc(100vh - 170px);padding:18px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.editor-card-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.workspace-heading{display:grid;gap:6px}.workspace-title{font-size:1.55rem}.editor-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#1717170d;color:var(--text-muted);font-size:.8rem;font-weight:600}.editor-pill-success{background:#0f7c731f;color:var(--accent)}.editor-pill-error{background:#a8392c1f;color:#a8392c}.editor-field,.output-code,.output-placeholder,.output-error{width:100%;min-height:100%;margin:0;border-radius:18px;background:#f9f7f2eb;border:1px solid rgba(23,23,23,.07);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95rem;line-height:1.65}.editor-field{min-height:100%;padding:18px;resize:none;color:#171717}.editor-field:focus-visible{outline:2px solid rgba(15,124,115,.2);outline-offset:2px}.output-code,.output-placeholder,.output-error{overflow:auto;padding:18px}.output-code{white-space:pre-wrap;word-break:break-word}.output-error{display:grid;align-content:start;gap:10px}.error-message,.error-location{margin:0}.error-message{color:#8d2c20}.error-location{color:var(--text-muted)}.site-footer{padding-top:20px;font-size:.78rem;color:var(--text-muted)}.site-footer-link{color:inherit;text-decoration:none}.site-footer-link:hover,.site-footer-link:focus-visible{text-decoration:underline;outline:none}.site-footer-tool{padding:18px 24px 20px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.app-shell{padding:16px}.app-shell-tool{padding:0}.home-screen{min-height:0;padding-top:24px}.dashboard-grid,.editor-grid{grid-template-columns:1fr}.editor-card-head{flex-direction:column;align-items:flex-start}.editor-card{min-height:420px}.tool-bar{padding:12px 16px}.tool-main{padding:12px 16px 0}.tool-menu-panel{min-width:170px}.site-footer-tool{padding:16px}}