*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-background-primary:#fff;--color-background-secondary:#f5f5f3;--color-background-tertiary:#f0f0ee;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-border-tertiary:rgba(0,0,0,.1);--color-border-secondary:rgba(0,0,0,.2);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Fira Code","Courier New",monospace;--border-radius-md:8px;--border-radius-lg:12px;--dock-width:56px;--nav-height:48px}body{font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--color-text-primary);background:var(--color-background-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}.tool-layout{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - var(--nav-height));grid-gap:0;gap:0}.tool-controls{background:var(--color-background-primary);border-right:.5px solid var(--color-border-tertiary);padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.tool-preview{background:var(--color-background-secondary);padding:24px;display:flex;align-items:center;justify-content:center;overflow:auto}.tool-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:500;margin-bottom:6px}.tool-section{display:flex;flex-direction:column;gap:6px}.tool-divider{height:.5px;background:var(--color-border-tertiary);margin:4px 0}.tool-slider{width:100%;accent-color:var(--color-text-primary);cursor:pointer}.tool-input{font-family:var(--font-sans);font-size:13px;padding:7px 10px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);width:100%;outline:none}.tool-input:focus{border-color:var(--color-text-secondary)}.tool-input.invalid{border-color:#e53e3e}.tool-btn{font-size:12px;padding:7px 14px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;transition:background .12s}.tool-btn:hover{background:var(--color-background-secondary)}.tool-btn.primary{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.tool-btn.primary:hover{opacity:.85}.css-output{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:14px;font-family:var(--font-mono);font-size:11px;line-height:1.8;white-space:pre;overflow-x:auto}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-header{padding:24px;background:var(--color-background-primary);border-bottom:.5px solid var(--color-border-tertiary)}.tool-header h1{font-size:32px;font-weight:600;margin-bottom:6px;color:var(--color-text-primary);line-height:1.2}.tool-header p{font-size:14px;color:var(--color-text-secondary);margin:0}@media (max-width:768px){.tool-layout{grid-template-columns:1fr}.tool-controls{border-right:none;border-bottom:.5px solid var(--color-border-tertiary)}}.IconDock_dock__xd8G5{width:var(--dock-width);height:100vh;position:fixed;left:0;top:0;background:var(--color-background-primary);border-right:.5px solid var(--color-border-tertiary);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;z-index:200;overflow-y:auto}.IconDock_icon__YCg_t{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background .15s,color .15s;flex-shrink:0}.IconDock_icon__YCg_t.IconDock_active__l8Q3W,.IconDock_icon__YCg_t:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.IconDock_icon__YCg_t.IconDock_active__l8Q3W{outline:2px solid var(--color-border-secondary);outline-offset:-2px}.IconDock_divider__RGKfd{width:24px;height:.5px;background:var(--color-border-tertiary);margin:4px 0;flex-shrink:0}@media (max-width:768px){.IconDock_dock__xd8G5{display:none}}.AppNav_nav__W9yw2{height:var(--nav-height);background:var(--color-background-primary);border-bottom:.5px solid var(--color-border-tertiary);display:flex;align-items:center;padding:0 24px;gap:32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.AppNav_logo___beEr a{font-weight:600;font-size:15px}.AppNav_links__blnQ3{display:flex;gap:20px;flex:1 1}.AppNav_links__blnQ3 a{font-size:13px;color:var(--color-text-secondary)}.AppNav_links__blnQ3 a:hover{color:var(--color-text-primary)}.AppNav_actions__5s9xl{display:flex;gap:8px}.AppNav_btnOutline__T1cQz{font-size:12px;padding:5px 12px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent}.AppNav_btnPrimary__8wfVc{font-size:12px;padding:5px 12px;border:none;border-radius:var(--border-radius-md);background:var(--color-text-primary);color:var(--color-background-primary)}.AppShell_shell__29AOA{display:flex;min-height:100vh}.AppShell_main__0ArdA{flex:1 1;margin-left:var(--dock-width);display:flex;flex-direction:column}.AppShell_content__SIDnm{flex:1 1;min-width:0;padding:32px}.AppShell_content__SIDnm.AppShell_noPadding__JheAD{padding:0}@media (max-width:768px){.AppShell_main__0ArdA{margin-left:0}.AppShell_content__SIDnm{padding:16px}}