:root{--sa-bar-h:48px;--bg:#f7f8fb;--ink:17, 24, 39;--pop-bg:#fff;--pop-border:#1118270f;--pop-shadow:#0f172a1f;--pop-text:#111827c7;--pop-dim:#1118277a;--pop-input-bg:#1118270a;--pop-input-border:#1118271a;--pop-input-text:#111827e0;--pop-skeleton:#1118270f;--pop-intent-bg:#1118270d;--pop-intent-bg-hover:#1118271a;--pop-intent-ink:#111827b8;--ink-soft:31, 41, 55;--bar-bg:#ffffffc7;--bar-border:#11182714;--bar-text:#111827b8;--bar-dim:#11182773;--bar-input-bg:#fff;--bar-input-border:#1118271f;--bar-input-text:#111827db;--bar-input-placeholder:#1118275c;--bar-submit-bg:#0b1220;--bar-submit-text:#fff;--bar-submit-hover:#1f2937}:root[data-theme=dark]{--bg:#0a0d14;--pop-bg:#161b27;--pop-border:#ffffff14;--pop-shadow:#0000008c;--pop-text:#e2e8f0c7;--pop-dim:#e2e8f07a;--pop-input-bg:#ffffff0a;--pop-input-border:#ffffff1a;--pop-input-text:#e8eef8eb;--pop-skeleton:#ffffff0f;--pop-intent-bg:#ffffff0f;--pop-intent-bg-hover:#ffffff1f;--pop-intent-ink:#e8eef8c7;--ink:226, 232, 240;--ink-soft:200, 210, 225;--bar-bg:#0d111bd1;--bar-border:#ffffff14;--bar-text:#e2e8f0b8;--bar-dim:#e2e8f06b;--bar-input-bg:#ffffff0a;--bar-input-border:#ffffff1a;--bar-input-text:#e8eef8eb;--bar-input-placeholder:#e2e8f052;--bar-submit-bg:#f1f5f9;--bar-submit-text:#0b1220;--bar-submit-hover:#fff}html,body{background:var(--bg);width:100%;height:100%;color:rgba(var(--ink), .85);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}canvas{width:100vw;height:calc(100vh - var(--sa-bar-h));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:block}.sa-bar{height:var(--sa-bar-h);background:var(--bar-bg);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--bar-border);z-index:5;align-items:center;gap:12px;padding:0 18px;font-size:12.5px;display:flex;position:fixed;inset:auto 0 0}.sa-bar-brand{color:rgba(var(--ink), .92);letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.sa-bar-brand:hover{opacity:.78}.sa-bar-mark{flex:0 0 14px;width:14px;height:14px}.sa-bar-name{font-size:12.5px}.sa-bar-sep{color:var(--bar-dim);-webkit-user-select:none;user-select:none}.sa-bar-pitch{color:var(--bar-text);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:12.5px;overflow:hidden}.sa-bar-form{align-items:center;gap:6px;margin:0;display:inline-flex}.sa-bar-input{width:130px;height:28px;font:inherit;color:var(--bar-input-text);background:var(--bar-input-bg);border:1px solid var(--bar-input-border);box-shadow:inset 0 1px 0 rgba(var(--ink), .02);border-radius:7px;outline:none;padding:0 10px;font-size:12.5px;transition:border-color .15s,background .15s,box-shadow .15s}.sa-bar-input::placeholder{color:var(--bar-input-placeholder)}.sa-bar-input:focus{border-color:rgba(var(--ink), .32)}.sa-bar-input.sa-bar-input--name{width:96px}.sa-bar-submit{height:28px;font:inherit;color:var(--bar-submit-text);background:var(--bar-submit-bg);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.sa-bar-submit:hover{background:var(--bar-submit-hover)}.sa-bar-submit:disabled{opacity:.7;cursor:not-allowed}.sa-bar-arrow{opacity:.85}@keyframes sa-bar-spin{to{transform:rotate(360deg)}}.sa-bar-spinner{animation:.7s linear infinite sa-bar-spin}.sa-bar-status{color:var(--bar-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;margin-left:4px;font-size:12px;overflow:hidden}.sa-bar-status[data-tone=ok]{color:#15803d}.sa-bar-status[data-tone=err]{color:#b91c1c}:root[data-theme=dark] .sa-bar-status[data-tone=ok]{color:#4ade80}:root[data-theme=dark] .sa-bar-status[data-tone=err]{color:#fca5a5}.sa-bar.sa-bar--success .sa-bar-form{display:none}@media (width<=880px){.sa-bar-pitch{display:none}}@media (width<=720px){:root{--sa-bar-h:56px}.sa-bar{gap:10px;padding:0 12px}.sa-bar-brand .sa-bar-name,.sa-bar-sep{display:none}.sa-bar-input{width:100%}.sa-bar-input.sa-bar-input--name{display:none}.sa-bar-form{flex:1}.sa-bar-status{display:none}.sa-bar-submit{min-width:0;padding:0 12px}.sa-bar-submit-label{display:none}}.share-pop{background:var(--pop-bg);border:1px solid var(--pop-border);width:360px;max-width:calc(100vw - 24px);box-shadow:0 18px 48px var(--pop-shadow);z-index:20;color:var(--pop-text);transform-origin:100% 0;opacity:0;pointer-events:none;border-radius:14px;padding:14px;font-family:inherit;transition:opacity .16s,transform .16s;position:fixed;top:0;left:0;transform:translateY(-4px)scale(.985)}.share-pop[data-open=true]{opacity:1;pointer-events:auto;transform:none}.share-pop[hidden]{display:none!important}.share-pop-preview{aspect-ratio:1200/630;background:var(--pop-skeleton);border-radius:9px;width:100%;position:relative;overflow:hidden}.share-pop-img{opacity:0;width:100%;height:100%;transition:opacity .2s;display:block}.share-pop-img.is-loaded{opacity:1}.share-pop-skeleton{background:linear-gradient(110deg, var(--pop-skeleton) 30%, #ffffff26 50%, var(--pop-skeleton) 70%);pointer-events:none;background-size:200% 100%;animation:1.4s linear infinite pop-skeleton;position:absolute;inset:0}.share-pop-img.is-loaded+.share-pop-skeleton{display:none}@keyframes pop-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.share-pop-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.share-pop-copy{height:32px;font:inherit;color:rgba(var(--ink), .96);background:rgba(var(--ink), .06);border:1px solid rgba(var(--ink), .1);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.share-pop-copy:hover{background:rgba(var(--ink), .1)}.share-pop-copy.is-copied{color:var(--bar-submit-text);background:var(--bar-submit-bg);border-color:var(--bar-submit-bg)}.share-pop-intents{align-items:center;gap:4px;display:inline-flex}.share-pop-intent{background:var(--pop-intent-bg);width:32px;height:32px;color:var(--pop-intent-ink);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.share-pop-intent:hover{background:var(--pop-intent-bg-hover);color:rgba(var(--ink), .95)}@media (width<=480px){.share-pop{width:calc(100vw - 24px)}.share-pop-actions{flex-wrap:wrap}}