:root{color:#e9f1f3;color-scheme:dark;font-synthesis:none;background:#0d1720;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -8%,#1a4755 0,#0000 32rem),#0d1720;min-height:100vh;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}.skip-link{color:#111;z-index:10;background:#fff;padding:.6rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:1rem}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1120px;margin:auto;padding:1.5rem 2rem;display:flex}.site-header{border-bottom:1px solid #29404b}.wordmark{align-items:center;gap:.7rem;font-size:1.1rem;font-weight:750;text-decoration:none;display:flex}.wordmark small{letter-spacing:.23em;color:#9bb8bf;font-size:.55rem;display:block}.brand-mark{color:#0c2730;background:#8be4cd;border-radius:.75rem;place-items:center;width:2.45rem;height:2.45rem;font-weight:850;display:grid}.site-header nav{flex-wrap:wrap;gap:1.35rem;display:flex}.site-header nav a,.site-footer a{color:#bbd1d6;text-decoration:none}.site-header nav a:hover,.site-footer a:hover{color:#8be4cd}main{max-width:1120px;margin:auto;padding:2rem 2rem 5rem}.hero,.detail-hero{max-width:800px;padding:5rem 0 3.8rem}.eyebrow{color:#8be4cd;letter-spacing:.16em;text-transform:uppercase;font-size:.77rem;font-weight:750}h1{letter-spacing:-.055em;margin:.85rem 0 1.3rem;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.07}h2{font-size:1.3rem;line-height:1.25}p{line-height:1.65}.hero>p:last-child,.detail-hero>p:not(.eyebrow){color:#bed0d4;max-width:680px;font-size:1.18rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tool-card,.content-card,.workspace,.results{background:#14242e;border:1px solid #31505a;border-radius:1.1rem}.tool-card{flex-direction:column;min-height:265px;padding:1.7rem;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.tool-card:hover{border-color:#8be4cd;transform:translateY(-4px)}.tool-card h2{margin:1.4rem 0 .2rem}.tool-card p{color:#b8cbd0;margin:.2rem 0 1.5rem}.tool-number{color:#8be4cd;font-size:.8rem}.text-link{color:#8be4cd;margin-top:auto;font-weight:700}.privacy-note{color:#a9c3c8;margin:2rem 0 0}.breadcrumb{color:#b1c8ce;align-items:center;gap:.7rem;font-size:.9rem;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.detail-hero{padding-top:4rem}.primary-button,.secondary-button{cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.72rem 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{color:#10303a;background:#8be4cd;border:1px solid #8be4cd}.primary-button:hover{background:#b7f3e3}.secondary-button{color:#e9f1f3;background:#1d343f;border:1px solid #56747c}.secondary-button:hover{border-color:#8be4cd}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.content-card{padding:1.5rem 1.8rem}.content-card h2:first-child{margin-top:0}.content-card li{margin:.7rem 0;line-height:1.6}.content-card p{color:#b8cbd0}.work-heading{padding:2rem 0 1rem}.work-heading h1{font-size:clamp(2rem,5vw,3.5rem)}.work-heading p:last-child{color:#b8cbd0}.workspace,.results{margin-top:1rem;padding:1.5rem}.file-picker{cursor:pointer;border:2px dashed #587780;border-radius:.9rem;flex-direction:column;gap:.35rem;padding:1.3rem;display:flex}.file-picker:hover{border-color:#8be4cd}.file-picker span,.hint{color:#aac2c8}.file-picker input{max-width:100%;margin-top:.5rem}.control-grid,.json-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0;display:grid}.control-grid label,.json-grid label,.schema-panel label{flex-direction:column;gap:.55rem;font-weight:650;display:flex}.control-grid input:not([type=range]),.control-grid select,.toolbar select,textarea{color:#e9f1f3;background:#0b1b24;border:1px solid #4b6a74;border-radius:.5rem;width:100%;padding:.7rem}.control-grid input[type=range]{width:100%}.control-grid output{color:#8be4cd}.status{color:#b9f0df;min-height:1.5rem}.status.error{color:#ffb4a8}.results-heading,.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.results-heading{justify-content:space-between}.result-list{gap:.7rem;display:grid}.result-row{border-top:1px solid #31505a;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.result-row p{color:#b8cbd0;margin:0}.result-row a{color:#8be4cd}.canvas-shell{background:repeating-conic-gradient(#34414a 0 25%,#25343d 0 50%) 0/20px 20px;border-radius:.5rem;max-width:100%;overflow:auto}.canvas-shell canvas{touch-action:none;cursor:crosshair;max-width:100%;height:auto;display:block}.json-grid{grid-template-columns:1fr 1fr}.json-grid textarea{resize:vertical;min-height:280px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem}.schema-panel{border:1px solid #31505a;border-radius:.5rem;margin:1rem 0;padding:1rem}.schema-panel summary{cursor:pointer;font-weight:650}.schema-panel label{margin-top:1rem}.schema-panel textarea{resize:vertical;min-height:140px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.report{margin-top:1.5rem}.report pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1b24;border-radius:.5rem;padding:1rem;line-height:1.55}.site-footer{color:#a9c3c8;border-top:1px solid #29404b;font-size:.85rem}@media (width<=760px){.site-header,.site-footer{padding:1.1rem 1.2rem}.site-header{flex-direction:column;align-items:flex-start}.site-header nav{gap:1rem}main{padding:1.25rem 1.2rem 4rem}.hero{padding:3rem 0 2rem}.tool-grid,.detail-grid,.control-grid,.json-grid{grid-template-columns:1fr}.tool-card{min-height:205px}.workspace,.results{padding:1rem}.result-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.tool-card{transition:none}}.json-grid>*{min-width:0}.json-grid input[type=file]{max-width:100%}.site-footer{flex-wrap:wrap}