:root{font-family:Segoe UI,Arial,sans-serif;color:#172b43;background:#eef3f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102b4e;color:white;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}header strong{font-size:28px;letter-spacing:1px}header strong span{font-weight:300;color:#9bdae1}header>span{font-size:14px}main{max-width:1200px;margin:auto;padding:24px}h1{font-size:34px;line-height:1.2;margin:10px 0 25px;letter-spacing:-.8px}h2{font-size:21px;margin-top:0}.eyebrow{color:#15758a;font-size:13px;letter-spacing:1.5px;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.card{background:white;border:1px solid #d6e1eb;border-radius:12px;padding:24px;margin-bottom:24px}.heading,.navigation{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}label{display:block;font-weight:600;font-size:14px;margin:16px 0 8px}input,select{display:block;padding:12px;border:1px solid #abbdd0;border-radius:6px;width:100%;font:inherit;margin-top:8px}button{background:#126d7f;color:white;border:0;border-radius:7px;padding:13px 18px;font:inherit;font-weight:600;cursor:pointer}button.secondary{color:#244661;background:#eaf1f7;font-size:14px}button:disabled{opacity:.5;cursor:default}.note{font-size:14px;line-height:1.6;color:#596b80}p{line-height:1.6}.check{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.check input{width:auto;flex:none}.pdf,#admin-image{display:block;width:100%;height:auto}#stage{position:relative;touch-action:none;line-height:0;margin:16px 0;border:1px solid #ccd8e4}#selection{position:absolute;background:#1197ae30;border:2px dashed #08718a;pointer-events:none}#status{white-space:pre-wrap;color:#23465f}#login,#setup{max-width:490px;margin:50px auto}#drawing{width:100%;height:auto;background:#f6f9fc;touch-action:none;border-bottom:1px solid #a8bacd}#name-preview{font-family:Georgia,serif;font-style:italic;font-size:32px;padding:24px 0;overflow-wrap:anywhere}ul{list-style:none;padding:0}li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e1e8f0;padding:18px 0}li span{flex:1;min-width:180px;overflow-wrap:anywhere}li a{color:#0d7082;font-size:14px;font-weight:600}footer{font-size:13px;color:#60748a;margin:25px 0}[hidden]{display:none!important}:focus-visible{outline:3px solid #079cb8;outline-offset:3px}@media(max-width:800px){.grid{grid-template-columns:1fr}header>span{display:none}main{padding:18px}.card{padding:18px}h1{font-size:28px}}

#selection{pointer-events:auto;cursor:move;line-height:1.2;display:flex;align-items:center;justify-content:center;color:#075468;font-size:12px;user-select:none;min-width:0}#selection>span:first-child{overflow:hidden;white-space:nowrap;padding:2px}#selection [data-resize]{position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;background:#08718a;border:3px solid white;border-radius:5px;cursor:nwse-resize}#size-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}input[type=range]{padding:8px 0;accent-color:#08718a}#stage{cursor:crosshair;user-select:none}#admin-image{pointer-events:none}#create-error{color:#a32929;font-weight:600}#share{padding:18px;margin-top:18px;background:#ecf8f5;border:1px solid #8dc9b9;border-radius:8px}#open-share{display:inline-block;margin:12px 8px 12px 0;color:#075468;font-weight:600}#local-status{color:#075468}ol{line-height:1.8}output{font-weight:400}
:root{font-family:Segoe UI,Arial,sans-serif;color:#172b43;background:#eef3f8;font-size:16px}