: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}.editor-card .tool-menu-panel{z-index:60}.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-control{display:grid;gap:6px}.tool-select{min-width:150px;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#ffffffe6;color:inherit}.tool-main,.tool-workspace{min-height:0}.tool-main{position:relative;z-index:1;padding:16px 24px 0}.omni-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.omni-status-message{margin:0;color:var(--text-muted)}.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-single{min-height:calc(100vh - 170px);grid-template-rows:auto auto minmax(0,1fr)}.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}.json-tree-editor{min-height:100%;padding:18px;overflow:auto;border-radius:18px;background:#f9f7f2eb;border:1px solid rgba(23,23,23,.07)}.json-node{display:grid;gap:8px}.json-node-children{display:grid;gap:8px;padding-left:18px;margin-left:10px;border-left:1px solid rgba(23,23,23,.08)}.json-node-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;transition:background-color .18s ease}.json-node-row-selected,.json-node-row-active{background:#0f7c7314}.json-node-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.json-node-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease}.json-node-row:hover .json-node-actions,.json-node-row-selected .json-node-actions,.json-node-row-active .json-node-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.json-node-action{min-height:32px;padding:0 10px;border:1px solid rgba(23,23,23,.1);border-radius:999px;background:#ffffffc2;color:inherit;cursor:pointer}.json-node-action-danger{color:#8d2c20}.json-node-bracket,.json-node-index,.json-node-separator{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:var(--text-muted)}.json-node-preview{color:var(--text-muted);font-size:.9rem}.json-node-label,.json-node-literal{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#171717}.json-node-label{font-weight:600}.json-node-panel{display:grid;gap:12px;margin-left:22px;padding:14px;border-radius:16px;border:1px solid rgba(23,23,23,.08);background:#ffffffb8;animation:rise .22s ease both}.json-node-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.json-node-panel-field{display:grid;gap:6px}.json-node-panel-field-wide{grid-column:1 / -1}.json-node-input,.json-node-textarea{width:100%;padding:10px 12px;border:1px solid rgba(23,23,23,.08);border-radius:12px;background:#ffffffe6;color:inherit;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.json-node-textarea{resize:vertical;min-height:100px}.json-node-panel-actions{display:flex;gap:8px}.error-message,.error-location{margin:0}.error-message{color:#8d2c20}.qr-generator-card{width:min(100%,720px);min-height:calc(100vh - 170px);margin:0 auto;padding:clamp(24px,5vw,48px);display:grid;align-content:start;gap:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.qr-generator-copy{display:grid;gap:8px}.qr-generator-intro,.qr-output-placeholder{margin:0;color:var(--text-muted)}.qr-url-field{display:grid;gap:8px}.qr-url-input{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--border-strong);border-radius:14px;background:#ffffffe6;color:inherit}.qr-url-input:focus-visible{border-color:#0f7c736b;outline:2px solid rgba(15,124,115,.16);outline-offset:2px}.qr-output{min-height:330px;display:grid;justify-items:center;align-content:center;gap:18px;padding:20px;border:1px solid rgba(23,23,23,.07);border-radius:18px;background:#f9f7f2eb;text-align:center}.qr-code-image{display:block;width:min(100%,320px);height:auto;border-radius:8px}.qr-download-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;background:#171717;color:#f8f5ef;font-weight:600;text-decoration:none}.qr-download-button:hover,.qr-download-button:focus-visible{background:#242424;outline:none}.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,.editor-card-single,.qr-generator-card{min-height:420px}.tool-bar{padding:12px 16px}.tool-main{padding:12px 16px 0}.tool-menu-panel{min-width:170px}.json-node-row{flex-direction:column;align-items:flex-start}.json-node-actions,.omni-status{align-items:flex-start}.json-node-actions{opacity:1;pointer-events:auto;transform:none}.json-node-panel{margin-left:0}.json-node-panel-grid{grid-template-columns:1fr}.site-footer-tool{padding:16px}}