.board-save-success{--done-ring:#bccd14;--done-core:#e2f436;--done-pale:#eef7a6;--done-haze:#eaf8826b;--done-shift:188 205 20;--done-shift-light:226 244 54;isolation:isolate;flex-direction:column;justify-content:center;min-height:300px;display:flex;position:relative}@media (prefers-color-scheme:dark){.board-save-success{--done-pale:#6f7a14;--done-haze:#e2f4361a}}.board-save-success-fx{z-index:0;pointer-events:none;position:absolute;inset:-16px -24px -12px;overflow:hidden}.board-save-success-haze,.board-save-success-wave,.board-save-success-core{pointer-events:none;position:absolute}.board-save-success-haze{opacity:0;inset:0}.board-save-success-haze>span{background:var(--done-haze);filter:blur(45px);border-radius:999px;position:absolute}.board-save-success-haze>[data-place=left]{width:206px;height:206px;top:-96px;left:-51px}.board-save-success-haze>[data-place=center]{width:140px;height:140px;top:-76px;left:calc(50% - 70px)}.board-save-success-haze>[data-place=right]{width:206px;height:206px;top:-96px;right:-54px}.board-save-success-wave,.board-save-success-core{opacity:0;will-change:transform, opacity;border-radius:999px;width:640px;height:640px}.board-save-success-wave{--wave-ink:var(--done-ring);--wave-hollow:40%;--wave-rise:62%;--wave-peak:80%;--wave-fall:96%;background:radial-gradient(circle closest-side, transparent 0 var(--wave-hollow), color-mix(in srgb, var(--wave-ink) 4%, transparent) calc((var(--wave-hollow) + var(--wave-rise)) / 2), color-mix(in srgb, var(--wave-ink) 10%, transparent) var(--wave-rise), color-mix(in srgb, var(--wave-ink) 22%, transparent) calc((var(--wave-rise) + var(--wave-peak)) / 2), color-mix(in srgb, var(--wave-ink) 30%, transparent) var(--wave-peak), color-mix(in srgb, var(--wave-ink) 20%, transparent) calc((var(--wave-peak) + var(--wave-fall)) / 2), color-mix(in srgb, var(--wave-ink) 8%, transparent) var(--wave-fall), color-mix(in srgb, var(--wave-ink) 2%, transparent) calc((var(--wave-fall) + 100%) / 2), transparent 100%)}.board-save-success-wave-pale{--wave-ink:var(--done-pale)}.board-save-success-core{background:radial-gradient(circle closest-side, var(--done-core) 0 40%, color-mix(in srgb, var(--done-core) 55%, transparent) 65%, transparent 100%)}.board-save-success-body{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.board-save-success-badge{background:var(--button-fill);width:40px;height:40px;color:var(--button-fg);box-shadow:inset 0 0 0 1px var(--button-edge);opacity:0;border-radius:999px;place-items:center;margin:8px 0 20px;display:grid;position:relative;transform:scale(.3)}.board-save-success-halo{background:color-mix(in srgb, var(--accent) 22%, transparent);opacity:0;border-radius:999px;position:absolute;inset:-10px}.board-save-success-badge svg{width:18px;height:18px;position:relative}.board-save-success-badge path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px}.board-save-success-body h3,.board-save-success-body p{overflow-wrap:anywhere;max-width:100%;margin:0}.board-save-success-body h3{letter-spacing:-.015em;font-size:18px;font-weight:400;line-height:1.35}.board-save-success-body p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.board-save-success-word{white-space:nowrap;display:inline-block}.board-save-success-char{display:inline-block}.board-save-success-actions{z-index:1;gap:10px;margin-top:32px;animation:.24s cubic-bezier(.23,1,.32,1) .2s both board-save-rise;display:flex;position:relative}.board-save-success-done,.board-save-success-open{height:48px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:0 18px;font-size:15px;transition:background .15s,filter .15s;display:inline-flex}.board-save-success-done{background:var(--background);color:var(--foreground);border:0}.board-save-success-done:hover{background:var(--surface-2)}.board-save-success-open{border:1px solid var(--button-edge);background:var(--button-fill);color:var(--button-fg);box-shadow:var(--button-shadow)}.board-save-success-open:hover{filter:brightness(1.05)}@keyframes board-save-rise{0%{opacity:0;transform:translateY(10px)}67%{opacity:1}}@media (prefers-reduced-motion:reduce){.board-save-success-actions{animation:none}.board-save-success-badge path{stroke-dashoffset:0}.board-save-success-badge,.board-save-success-halo,.board-save-success-haze{opacity:1;transform:none}}
.studio-dialog-backdrop:has(~.studio-dialog-viewport .board-picker-dialog){-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);background:#ffffff9e}@media (prefers-color-scheme:dark){.studio-dialog-backdrop:has(~.studio-dialog-viewport .board-picker-dialog){background:#0b0b0c99}}.board-picker-dialog.studio-dialog-popup{border-color:var(--line);border-radius:20px;max-width:420px;box-shadow:0 1px 2px #0000000f,0 30px 60px -20px #00000059}.board-picker-dialog.board-dialog-split{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:360px minmax(0,1fr);max-width:760px;height:min(540px,100dvh - 48px);display:grid}.board-dialog-split>.board-picker-shot{grid-area:1/1/-1}.board-dialog-split>.studio-dialog-header{grid-area:1/2}.board-dialog-split>.studio-dialog-scroll{grid-area:2/2}.board-dialog-split>.studio-dialog-footer{grid-area:3/2}.board-picker-shot{background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:0;margin:0;padding:28px;display:flex;overflow:hidden}.board-picker-shot-frame{background:var(--surface-2);border-radius:14px;flex:0 auto;max-width:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -12px #00000059}.board-picker-shot-frame>img{width:auto;max-width:100%;height:auto;max-height:420px;display:block}.board-picker-shot figcaption{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.board-picker-dialog .studio-dialog-header{gap:4px;padding:24px 72px 0 24px}.board-picker-dialog .studio-dialog-title{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.2}.board-picker-dialog .studio-dialog-close{background:var(--background);width:32px;height:32px;color:var(--foreground);border:0;border-radius:10px;margin:0;top:21px;right:22px}.board-picker-dialog .studio-dialog-close>svg{width:16px;height:16px}.board-picker-dialog .studio-dialog-close:hover:not(:disabled){background:var(--surface-2)}.board-picker-dialog .studio-dialog-panel{padding:16px 24px 12px}.board-picker-dialog.studio-dialog-popup:has(>.studio-dialog-header:not(.sr-only)) .studio-dialog-panel{padding:16px 24px 12px}.board-picker-shot-frame:after,.board-picker-cover:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.board-picker-filter{background:var(--background);height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:background .15s,box-shadow .15s;display:flex}.board-picker-filter:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 3px color-mix(in oklab, var(--foreground) 6%, transparent)}.board-picker-filter>svg{flex-shrink:0}.board-picker-filter input{min-width:0;height:100%;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.board-picker-filter input::placeholder{color:var(--muted)}.board-picker-filter input::-webkit-search-cancel-button{cursor:pointer}.board-picker-list{gap:4px;margin:14px -10px 0;display:grid}.board-picker-choice{width:100%;min-width:0;min-height:64px;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;animation:board-content-in .24s var(--board-ease) both;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:0 10px;transition:background .15s,opacity .15s;display:flex}.board-picker-choice:hover:not(:disabled),.board-picker-choice:focus-visible,.board-picker-choice[data-working=true]{background:var(--background)}.board-picker-dialog .board-picker-choice:focus-visible{outline:2px solid var(--accent);outline-offset:0}.board-picker-choice:disabled{cursor:default}.board-picker-choice:disabled:not([data-working=true],[data-saved=true]){opacity:.5}.board-picker-cover{background:var(--background);border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden}.board-picker-choice:hover:not(:disabled) .board-picker-cover:not(:has(img)){background:var(--surface-2)}.board-picker-choice:focus-visible .board-picker-cover:not(:has(img)){background:var(--surface-2)}.board-picker-cover>img{object-fit:cover;object-position:top;width:100%;height:100%;animation:board-picker-cover-in .24s var(--board-ease) both;position:absolute;inset:0}.board-picker-initial{color:var(--muted);font-size:16px;line-height:1}.board-picker-label{flex:1;gap:2px;min-width:0;display:grid}.board-picker-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;overflow:hidden}.board-picker-label small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.board-picker-end{color:var(--muted);flex-shrink:0;place-items:center;display:grid}.board-picker-end[data-state=working],.board-picker-end[data-state=saved]{animation:board-icon-in .16s var(--board-ease) both}.board-picker-end[data-state=working]{width:34px}.board-picker-save{background:var(--background);width:34px;height:34px;color:var(--foreground);border:1px solid #0000;border-radius:10px;place-items:center;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:grid}.board-picker-choice:hover:not(:disabled) .board-picker-save,.board-picker-choice:focus-visible .board-picker-save{border-color:var(--button-edge);background:var(--button-fill);color:var(--button-fg);box-shadow:var(--button-shadow)}.board-picker-check{border:1px solid var(--button-edge);background:var(--button-fill);width:34px;height:34px;color:var(--button-fg);box-shadow:var(--button-shadow);border-radius:10px;place-items:center;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.board-picker-check-minus{display:none}.board-picker-choice[data-removable=true]:hover:not(:disabled) .board-picker-check,.board-picker-choice[data-removable=true]:focus-visible .board-picker-check{border-color:var(--line-strong);background:var(--surface);color:var(--foreground);box-shadow:none}.board-picker-choice[data-removable=true]:hover:not(:disabled) .board-picker-check-tick,.board-picker-choice[data-removable=true]:focus-visible .board-picker-check-tick{display:none}.board-picker-choice[data-removable=true]:hover:not(:disabled) .board-picker-check-minus,.board-picker-choice[data-removable=true]:focus-visible .board-picker-check-minus{display:block}.board-picker-none{color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:0;padding:28px 0;font-size:14px}.board-picker-form{gap:10px;margin:0}.board-picker-dialog .board-field{color:var(--foreground);gap:10px;font-size:14px}.board-picker-dialog .board-field input{background:var(--background);min-height:48px;box-shadow:none;border:1px solid #0000;border-radius:12px;padding:12px 14px;font-size:15px}.board-picker-dialog .board-field input:hover:not(:focus-visible):not(:disabled){background:var(--surface-2);border-color:#0000}.board-picker-dialog .board-field input:focus-visible{border-color:var(--line-strong);background:var(--surface);box-shadow:0 0 0 3px color-mix(in oklab, var(--foreground) 6%, transparent);outline:none}.board-picker-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.board-picker-dialog .board-notice{margin:4px 0 0}.board-picker-dialog .studio-dialog-footer{align-items:center;gap:10px;padding:8px 24px 24px;display:flex}.board-picker-new,.board-picker-secondary,.board-picker-primary{min-width:0;height:48px;font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;transition:background .15s,border-color .15s,filter .15s,opacity .15s;display:inline-flex}.board-picker-new{border:1px dashed var(--line-strong);color:var(--foreground);text-overflow:ellipsis;background:0 0;flex:1;overflow:hidden}.board-picker-new:hover:not(:disabled){background:var(--background);border-style:solid}.board-picker-secondary{background:var(--background);color:var(--foreground);border:0;padding-left:12px}.board-picker-secondary:hover:not(:disabled){background:var(--surface-2)}.board-picker-primary{border:1px solid var(--button-edge);background:var(--button-fill);color:var(--button-fg);box-shadow:var(--button-shadow);flex:1}.board-picker-primary:hover:not(:disabled){filter:brightness(1.05)}.board-picker-new:disabled,.board-picker-secondary:disabled{opacity:.45;cursor:default}.board-picker-primary:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:default;border-color:#0000}.board-dialog-split:has(.board-flow-saved) [data-slot=scroll-area-content]{flex-direction:column;min-height:100%;display:flex}.board-dialog-split:has(.board-flow-saved) .studio-dialog-panel{flex-direction:column;flex:1;display:flex}.board-dialog-split .board-flow-saved{flex-direction:column;flex:1;display:flex}.board-dialog-split .board-flow-saved>.board-save-success{flex:1}.board-picker-choice.board-skeleton-row,.board-picker-choice.board-skeleton-row:hover{cursor:default;background:0 0}@keyframes board-picker-cover-in{0%{opacity:0}}@media (max-width:600px){.board-picker-dialog.studio-dialog-popup[data-bottom-stick]{border-radius:20px 20px 0 0;max-width:none}.board-picker-dialog.board-dialog-split{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:auto}.board-dialog-split>.board-picker-shot{flex-direction:row;grid-area:1/1;justify-content:flex-start;padding:16px 64px 16px 20px}.board-dialog-split>.studio-dialog-header,.board-dialog-split>.studio-dialog-scroll,.board-dialog-split>.studio-dialog-footer{grid-column:1}.board-dialog-split>.studio-dialog-header{grid-row:2}.board-dialog-split>.studio-dialog-scroll{grid-row:3}.board-dialog-split>.studio-dialog-footer{grid-row:4}.board-picker-shot-frame{border-radius:10px;flex-shrink:0;box-shadow:0 6px 16px -8px #00000059}.board-picker-shot-frame>img{max-width:120px;max-height:90px}.board-picker-shot figcaption{white-space:normal}.board-picker-dialog .studio-dialog-header{padding:18px 64px 0 20px}.board-dialog-split>.studio-dialog-header{padding-top:16px}.board-picker-dialog .studio-dialog-close{top:16px;right:16px}.board-picker-dialog .studio-dialog-panel{padding:14px 20px 8px}.board-picker-dialog.studio-dialog-popup:has(>.studio-dialog-header:not(.sr-only)) .studio-dialog-panel{padding:14px 20px 8px}.board-picker-dialog .studio-dialog-footer{padding:8px 20px 20px}.board-picker-dialog .board-save-success-fx{inset:-14px -20px -8px}.board-picker-dialog .studio-dialog-footer>:first-child:not(:only-child){order:0}.board-picker-filter input,.board-picker-dialog .board-field input{font-size:16px}}@media (prefers-reduced-motion:reduce){.board-picker-choice,.board-picker-cover>img,.board-picker-end{animation:none}.board-picker-choice,.board-picker-filter,.board-picker-save,.board-picker-check,.board-picker-new,.board-picker-secondary,.board-picker-primary{transition:none}}
