#toolbar{position:fixed;top:16px;left:16px;z-index:10;display:flex;flex-direction:column;gap:10px;padding:10px;width:76px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 6px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;font:13px/1 SF Mono,Consolas,monospace}#toolbar .group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}#toolbar .shape-row{padding-top:8px;border-top:1px dashed rgba(0,0,0,.12)}#toolbar .icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid transparent;border-radius:8px;background:#0000000a;cursor:pointer;transition:background .12s,border-color .12s}#toolbar .icon-btn:hover{background:#0000001a}#toolbar .icon-btn.active{background:#2b7cff;border-color:#1c5fd0;filter:saturate(1.1)}#toolbar .icon-btn.text{width:auto;height:24px;padding:0 8px;font-size:12px;white-space:nowrap}#toolbar .size-slider{width:100%;accent-color:#2b7cff;cursor:pointer}#toolbar .size-label{min-width:18px;text-align:right;color:#555}#toolbar .swatch-pair{position:relative;width:40px;height:40px}#toolbar .swatch{position:absolute;width:26px;height:26px;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 1px #00000040;cursor:pointer;padding:0}#toolbar .swatch.primary{top:0;left:0;z-index:2}#toolbar .swatch.secondary{bottom:0;right:0;z-index:1}#toolbar .hidden-input{width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}#toolbar .palette{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.12)}#toolbar .palette-swatch{width:100%;aspect-ratio:1;border:1px solid rgba(0,0,0,.2);border-radius:5px;cursor:pointer;padding:0}#toolbar .palette-swatch:hover{transform:scale(1.08)}body.zen #toolbar,body.zen #help,body.zen #hud,body.zen #context-menu{opacity:0;pointer-events:none;transition:opacity .14s ease-out}#toolbar,#help,#hud{transition:opacity .14s ease-in}#context-menu{position:fixed;z-index:20;display:flex;flex-direction:column;min-width:168px;padding:4px;background:#fffffff7;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 28px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:13px/1 SF Mono,Consolas,monospace;-webkit-user-select:none;user-select:none}#context-menu[hidden]{display:none}#context-menu .context-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;background:none;border:0;border-radius:6px;color:#222;font:inherit;text-align:left;cursor:pointer}#context-menu .context-row:hover{background:#0000000f}#context-menu kbd{color:#999;font:inherit}.auth-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 6px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:13px/1 SF Mono,Consolas,monospace;color:#222;opacity:0;pointer-events:none;transition:opacity .14s ease-out}.auth-banner.is-visible{opacity:1;pointer-events:auto}.auth-banner.is-authed{color:#2b7cff}.auth-banner a{color:#2b7cff;text-decoration:none;font-weight:600}.auth-banner a:hover{text-decoration:underline}.auth-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;padding:8px 16px;background:#000000d1;color:#fff;border-radius:10px;box-shadow:0 6px 24px #0000002e;font:13px/1 SF Mono,Consolas,monospace;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.auth-toast.is-visible{opacity:1}