.folio-sketch{margin:12px 0}.sk-pad{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated,var(--bg));touch-action:none;width:100%;position:relative;overflow:hidden}.sk-pad--dots{background-image:radial-gradient(var(--line) 1.2px, transparent 1.2px);background-position:11px 11px;background-size:22px 22px}.sk-pad--grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:24px 24px}.folio-sketch.is-selected .sk-pad{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sk-pad .cv-ink{position:absolute;inset:0}.sk-pad .cv-ink.is-active{cursor:crosshair}.sk-pad .cv-ink[data-tool=eraser]{cursor:none}.sk-pad .cv-ink__canvas{display:block;position:absolute;inset:0}.sk-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px;display:flex;position:absolute;inset:0}.sk-empty__title{font-size:var(--fs-chrome-lg,14px);color:var(--ink-2);font-weight:600}.sk-empty__hint{font-size:var(--fs-chrome,13px);color:var(--ink-2)}.sk-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated,var(--bg));box-shadow:var(--shadow-1);flex-wrap:wrap;align-items:center;gap:2px;margin-top:6px;padding:5px;display:flex}.sk-bar__group{align-items:center;gap:2px;display:flex}.sk-bar__sep{background:var(--line);align-self:stretch;width:1px;margin:4px}.sk-bar__btn{width:32px;height:32px;color:var(--ink-2);cursor:pointer;transition:background var(--dur-fast,.12s), color var(--dur-fast,.12s);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.sk-bar__btn:hover:not(:disabled){background:var(--bg-hover);color:var(--ink)}.sk-bar__btn.is-active{background:var(--accent-soft);color:var(--accent)}.sk-bar__btn:disabled{opacity:.4;cursor:default}.sk-bar__btn:focus-visible,.sk-bar__swatch:focus-visible,.sk-bar__width:focus-visible{box-shadow:var(--focus-ring);outline:none}.sk-bar__swatch{cursor:pointer;width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--ring-subtle);transition:transform var(--dur-fast,.12s);border:0;border-radius:50%;margin:5px 2px}.sk-bar__swatch:hover{transform:scale(1.12)}.sk-bar__swatch.is-active{box-shadow:0 0 0 2px var(--bg-elevated,var(--bg)), 0 0 0 4px var(--accent)}.sk-bar__width{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:32px;display:inline-flex}.sk-bar__width span{background:var(--ink-2);border-radius:50%;display:block}.sk-bar__width:hover{background:var(--bg-hover)}.sk-bar__width.is-active{background:var(--accent-soft)}.sk-bar__width.is-active span{background:var(--accent)}@media (width<=640px){.sk-bar__btn{width:44px;height:44px}.sk-bar__width{width:40px;height:44px}.sk-bar__swatch{width:26px;height:26px}}.sk-picker{min-height:160px}.sk-picker__msg{color:var(--ink-2);text-align:center;padding:24px 4px}.sk-picker__msg--error{color:var(--danger)}.sk-picker__empty{color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.sk-picker__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0;padding:2px;list-style:none;display:grid}.sk-picker__grid li{margin:0}.sk-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated,var(--bg));cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur-fast,.12s), box-shadow var(--dur-fast,.12s);flex-direction:column;gap:6px;padding:6px;display:flex}.sk-card:hover:not(:disabled){border-color:var(--accent)}.sk-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), 0 0 0 1px var(--accent)}.sk-card:disabled{opacity:.55;cursor:default}.sk-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.sk-card__thumb{aspect-ratio:4/3;background:var(--bg-hover);border-radius:5px;justify-content:center;align-items:center;display:flex;overflow:hidden}.sk-card__thumb img{object-fit:contain;width:100%;height:100%}.sk-card__ph{font-size:var(--fs-chrome,13px);color:var(--ink-2)}.sk-card__title{font-size:var(--fs-chrome,13px);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sk-picker__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.sk-picker__caption{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);min-width:0;height:36px;color:var(--ink);font-size:var(--fs-chrome-lg,14px);flex:220px;padding:0 10px}.sk-picker__caption:focus-visible{box-shadow:var(--focus-ring);outline:none}.sk-picker__caption::placeholder{color:var(--ink-2)}.sk-picker__actions{gap:8px;display:flex}.sk-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated,var(--bg));height:36px;color:var(--ink);font-size:var(--fs-chrome-lg,14px);cursor:pointer;transition:background var(--dur-fast,.12s);padding:0 14px}.sk-btn:hover:not(:disabled){background:var(--bg-hover)}.sk-btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.sk-btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.05)}.sk-btn:disabled{opacity:.5;cursor:default}.sk-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.sk-bar__btn,.sk-bar__swatch,.sk-card,.sk-btn{transition:none}}