@import url("./portfolio-palette.css");
:root,html[data-theme="white"]{--bg:var(--portfolio-bg);--panel:var(--portfolio-panel);--panel2:var(--portfolio-input);--line:var(--portfolio-line);--line2:var(--portfolio-line-strong);--text:var(--portfolio-text);--muted:var(--portfolio-muted);--hover:var(--portfolio-accent-soft);--accent:var(--portfolio-accent)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.tool-appbar{min-height:53px;display:flex;align-items:center;gap:20px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.tool-brand{display:flex;gap:9px;align-items:center;text-decoration:none;white-space:nowrap}.tool-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:6px;background:var(--panel2);font-weight:650}.tool-subtitle{color:var(--muted);font-size:12px}.tool-nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px}.tool-nav a{color:var(--muted);text-decoration:none}.tool-nav a:hover{color:var(--accent)}.tool-theme{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.tool-theme select{padding:5px 9px}
input[type=number],input[type=text],select,.tool-button{min-height:36px;border:1px solid var(--line2);border-radius:6px;background:var(--panel2);color:var(--text);padding:7px 10px}.tool-button:hover{background:var(--hover)}.tool-button.primary{background:var(--accent);color:var(--portfolio-accent-ink);font-weight:600}.tool-button.primary:hover{opacity:.88}.tool-kicker{color:var(--accent);font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.tool-help{color:var(--muted);font-size:12px;line-height:1.65}.tool-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.tool-footer a{text-underline-offset:3px}.tool-panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px}h1,h2,h3{font-weight:600}h1{font-size:26px}h2{font-size:18px}input[type=checkbox]{accent-color:var(--accent)}
@media(max-width:640px){.tool-appbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.tool-subtitle{display:none}.tool-nav{gap:12px}.tool-theme>span{display:none}.tool-footer{padding:16px;flex-wrap:wrap}}

.tool-mark{color:var(--accent);border-color:var(--portfolio-accent-border);background:var(--portfolio-accent-soft)}
.tool-appbar{background:var(--portfolio-elevated)}
.tool-footer a:hover{color:var(--accent)}
.tool-button.primary{border-color:var(--accent)}
input:focus-visible,select:focus-visible{border-color:var(--accent)}