@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400;6..72,600&family=Work+Sans:wght@400;500;600&display=swap";:root{--paper:#eef1e8;--ink:#10263c;--muted:#5d6e76;--line:#aebbb8;--orange:#e5532d;--white:#fbfcf7;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Work Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.skip{background:var(--ink);color:#fff;z-index:4;padding:12px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}a{color:inherit;text-underline-offset:3px}header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:70px;padding:14px 3vw;font-size:13px;display:grid}header p{color:var(--muted);text-align:center;margin:0}header>a:last-child{text-align:right}.brand{letter-spacing:-.02em;font-weight:600;text-decoration:none}.brand span{background:var(--orange);color:#fff;margin-right:8px;padding:7px;font-family:DM Mono}main{grid-template-columns:minmax(330px,38vw) 1fr;min-height:calc(100vh - 142px);display:grid}.brief{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(34px,6vw,88px) clamp(24px,5vw,72px);display:flex}.kicker,.board-head span,label{letter-spacing:.15em;text-transform:uppercase;font:500 11px/1.3 DM Mono}.kicker{color:var(--orange);margin:0 0 22px}h1{letter-spacing:-.055em;max-width:8ch;margin:0;font:600 clamp(48px,6vw,88px)/.86 Newsreader,serif}h1 em{color:var(--orange);font-weight:400}.intro{color:#2e4756;max-width:42ch;margin:32px 0 38px;font:400 17px/1.55 Newsreader,serif}form{border-top:1px solid var(--ink);padding-top:18px}.url-row{margin-top:9px;display:flex}input,button{border:1px solid var(--ink);border-radius:0;min-height:46px;font:500 14px Work Sans}input{background:var(--white);min-width:0;color:var(--ink);flex:1;padding:0 13px}button{cursor:pointer;background:var(--ink);color:#fff;padding:0 18px}button:hover{background:var(--orange);border-color:var(--orange)}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1f6fc1}.hint{color:var(--muted);font-size:11px;line-height:1.5}#status{color:#334d59;min-height:22px;margin-top:12px;font:12px DM Mono}.board{background:var(--white);flex-direction:column;min-width:0;display:flex}.board-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 22px;display:flex}.board-head div:first-child{flex-direction:column;gap:5px;display:flex}.board-head span{color:var(--orange)}.board-head strong{font-size:13px}.actions{gap:7px;display:flex}.actions button{min-height:40px}.actions .quiet{color:var(--ink);background:0 0}.canvas{background-image:linear-gradient(#dce3dd 1px,#0000 1px),linear-gradient(90deg,#dce3dd 1px,#0000 1px);background-size:24px 24px;flex:1;min-height:510px;padding:26px;overflow:auto}.canvas svg{width:100%;min-width:720px;height:auto;display:block;box-shadow:0 15px 35px #10263c17}.canvas.empty{color:var(--muted);background-image:none;place-items:center;font:20px Newsreader;display:grid}.canvas.error{color:#9d321b}footer{border-top:1px solid var(--line);min-height:72px;color:var(--muted);justify-content:space-between;align-items:center;padding:12px 3vw;font-size:11px;display:flex}footer p{margin:0}@media (width<=850px){header{grid-template-columns:1fr auto}header p{display:none}main{grid-template-columns:1fr}.brief{border-right:0;border-bottom:1px solid var(--line);padding:42px 24px}h1{font-size:58px}.canvas{min-height:440px}.board-head{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1}footer{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){header>a:last-child{font-size:0}header>a:last-child:after{content:"Source ↗";font-size:12px}.url-row{flex-direction:column}.url-row button{margin-top:-1px}h1{font-size:49px}.canvas{min-height:380px;padding:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (forced-colors:active){h1 em,.kicker,.board-head span{color:linktext}.brand span{forced-color-adjust:none}}