.note-sketch{z-index:10060;color:#0f172a;background:#e8eef3;flex-direction:column;font-family:Segoe UI,PingFang TC,Noto Sans TC,sans-serif;display:flex;position:fixed;inset:0}.note-sketch__bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #0f172a14;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.note-sketch__bar-left{align-items:baseline;gap:.65rem;display:flex}.note-sketch__title{letter-spacing:.01em;font-size:.95rem;font-weight:650}.note-sketch__zoom{color:#64748b;font-variant-numeric:tabular-nums;font-size:.75rem}.note-sketch__paper{flex-wrap:wrap;align-items:center;gap:.2rem;margin-left:.35rem;display:inline-flex}.note-sketch__bar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.note-sketch__tools{background:#ffffffc7;border-bottom:1px solid #0f172a0f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.65rem 1rem;padding:.45rem .75rem;display:flex}.note-sketch__modes{scrollbar-width:thin;flex-wrap:nowrap;flex-shrink:0;gap:.25rem;display:flex;overflow-x:auto}.note-sketch__mode{color:#334155;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.28rem;padding:.28rem .55rem;font-size:.78rem;display:inline-flex}.note-sketch__mode .material-symbols-outlined{font-size:1.05rem;line-height:1}.note-sketch__mode:hover{background:#0f172a0d}.note-sketch__mode.is-active{color:#f8fafc;background:#0f172a}.note-sketch__brushes{scrollbar-width:thin;flex-wrap:nowrap;align-items:flex-end;gap:.45rem;max-width:min(100%,52rem);display:flex;overflow-x:auto}.note-sketch__brush-group{flex-direction:column;flex-shrink:0;gap:.15rem;display:flex}.note-sketch__brush-group-label{color:#94a3b8;letter-spacing:.04em;padding-left:.2rem;font-size:.62rem}.note-sketch__brush-group-list{flex-wrap:nowrap;gap:.3rem;display:flex}.note-sketch__brush{color:#334155;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.28rem;padding:.28rem .55rem;font-size:.78rem;display:inline-flex}.note-sketch__brush .material-symbols-outlined{font-size:1.05rem;line-height:1}.note-sketch__brush:hover{background:#0f172a0d}.note-sketch__brush.is-active{color:#f8fafc;background:#0f172a}.note-sketch__brush--studio{border:1px dashed #0f172a33}.note-sketch__sliders{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;display:flex}.note-sketch__sliders label{color:#64748b;align-items:center;gap:.35rem;font-size:.72rem;display:inline-flex}.note-sketch__sliders input[type=range]{accent-color:#0f172a;width:88px}.note-sketch__swatches{flex-wrap:wrap;align-items:center;gap:.28rem;display:flex}.note-sketch__swatch{cursor:pointer;border:2px solid #ffffffe6;border-radius:999px;width:22px;height:22px;padding:0;box-shadow:0 0 0 1px #0f172a2e}.note-sketch__swatch.is-active{box-shadow:0 0 0 2px #0f172a}.note-sketch__swatch--custom{background:conic-gradient(#ef4444,#eab308,#22c55e,#3b82f6,#a855f7,#ef4444);place-items:center;display:grid;overflow:hidden}.note-sketch__swatch--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0}.note-sketch__stage{touch-action:none;cursor:crosshair;overscroll-behavior:none;flex:1;min-height:0;position:relative}.note-sketch__stage.is-panning{cursor:grab}.note-sketch__stage.is-panning:active{cursor:grabbing}.note-sketch__canvas{touch-action:none;width:100%;height:100%;display:block}.note-sketch__hint{color:#f8fafc;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#0f172a8c;border-radius:999px;max-width:calc(100% - 1.5rem);margin:0;padding:.35rem .7rem;font-size:.72rem;position:absolute;bottom:.75rem;left:50%;overflow:hidden;transform:translate(-50%)}.sketch-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding:.32rem .7rem;font-size:.8rem}.sketch-btn:disabled{opacity:.45;cursor:not-allowed}.sketch-btn--ghost{background:0 0}.sketch-btn--primary{color:#f8fafc;background:#0f172a;border-color:#0f172a}.sketch-btn--primary:hover:not(:disabled){background:#1e293b}.sketch-studio{z-index:11050;background:#0f172a75;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sketch-studio__panel{background:#fff;border:1px solid #0f172a1a;border-radius:14px;flex-direction:column;width:min(720px,100%);max-height:min(90vh,860px);display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a40}.sketch-studio__head,.sketch-studio__foot{border-bottom:1px solid #0f172a14;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.sketch-studio__foot{border-top:1px solid #0f172a14;border-bottom:0;justify-content:flex-end}.sketch-studio__head h3{margin:0;font-size:1rem}.sketch-studio__body{grid-template-columns:minmax(180px,.9fr) 1.2fr;gap:.85rem;min-height:0;padding:.85rem 1rem;display:grid;overflow:auto}.sketch-studio__preview-wrap{flex-direction:column;gap:.55rem;display:flex}.sketch-studio__preview{background:#f8fafc;border:1px solid #0f172a1a;border-radius:10px;width:100%;height:160px}.sketch-studio__stamp{object-fit:contain;width:48px;height:48px;image-rendering:pixelated;background:#fff;border:1px solid #0f172a1a;border-radius:8px}.sketch-studio__fields{flex-direction:column;gap:.4rem;display:flex}.sketch-studio__row{color:#475569;grid-template-columns:6.5rem 1fr 2.4rem;align-items:center;gap:.45rem;font-size:.78rem;display:grid}.sketch-studio__row input[type=text]{border:1px solid #0f172a24;border-radius:7px;grid-column:2/-1;padding:.28rem .45rem;font-size:.8rem}.sketch-studio__row .menu-select,.sketch-studio__select{grid-column:2/-1;min-width:0}.sketch-studio__row .menu-select-trigger{justify-content:space-between;width:100%}.sketch-studio__file-btn{color:#0f172a;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #0f172a24;border-radius:8px;grid-column:2/-1;align-items:center;gap:.4rem;min-width:0;padding:.32rem .55rem;font-size:.8rem;display:inline-flex}.sketch-studio__file-btn:hover{background:#eef2f7;border-color:#0f172a38}.sketch-studio__file-btn .material-symbols-outlined{color:#64748b;flex-shrink:0;font-size:16px}.sketch-studio__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sketch-studio__row input[type=range]{accent-color:#0f172a;width:100%}.sketch-studio__row em{font-variant-numeric:tabular-nums;color:#64748b;text-align:right;font-size:.72rem;font-style:normal}@media (max-width:720px){.sketch-studio__body{grid-template-columns:1fr}.note-sketch__hint{font-size:.65rem;bottom:.45rem}.note-sketch__bar{flex-wrap:wrap}}.hw-chrome{background:var(--bg-elevated,#ffffffeb);border-bottom:1px solid var(--border,#0f172a14);z-index:2;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem .55rem;padding:.35rem .55rem;display:flex;position:relative}.hw-chrome__rail{scrollbar-width:thin;flex-wrap:nowrap;align-items:center;gap:2px;display:flex;overflow-x:auto}.hw-chrome__tool-wrap{flex-shrink:0;position:relative}.hw-chrome__tool{width:36px;height:36px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;padding:0;display:inline-grid}.hw-chrome__tool .material-symbols-outlined{max-width:24px;font-size:20px;line-height:1;overflow:hidden}.hw-chrome__tool:hover{background:var(--accent-soft,#0f172a0f);color:var(--accent,#0f766e)}.hw-chrome__tool.is-active{background:color-mix(in srgb, var(--accent,#0f766e) 16%, transparent);color:var(--accent,#0f766e)}.hw-chrome__flyout{z-index:20;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;gap:.1rem;min-width:120px;padding:.25rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 28px #0f172a24}.hw-chrome__flyout button{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:.4rem;padding:.35rem .45rem;font-size:.78rem;display:flex}.hw-chrome__flyout button:hover,.hw-chrome__flyout button.is-on{color:#0f766e;background:#0f766e1a}.hw-chrome__flyout .material-symbols-outlined{font-size:1rem}.hw-chrome__sub{background:#0f172a0a;border-radius:8px;gap:.2rem;padding:.15rem;display:inline-flex}.hw-chrome__sub button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.22rem .45rem;font-size:.72rem}.hw-chrome__sub button.is-on{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a14}.hw-chrome__pins{align-items:center;gap:.2rem;display:flex}.hw-chrome__pin{color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.hw-chrome__pin .material-symbols-outlined{font-size:1.1rem}.hw-chrome__pin:hover{background:#0f172a0f}.hw-chrome__pin.is-active{color:#0f766e;background:#0f766e1f;border-color:#0f766e40}.hw-chrome__pin--more{color:#64748b}.hw-chrome__brush-panel{z-index:30;background:#fff;border:1px solid #0f172a1a;border-radius:12px;flex-direction:column;gap:.15rem;width:min(320px,100vw - 2rem);max-height:280px;padding:.35rem;display:flex;position:absolute;top:calc(100% - 2px);left:.65rem;overflow:auto;box-shadow:0 14px 36px #0f172a29}.hw-chrome__brush-row{align-items:stretch;gap:.15rem;display:flex}.hw-chrome__brush-pick{cursor:pointer;text-align:left;color:#0f172a;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:.45rem;padding:.4rem .5rem;font-size:.8rem;display:flex}.hw-chrome__brush-pick:hover,.hw-chrome__brush-pick.is-active{background:#0f766e1a}.hw-chrome__brush-pick .material-symbols-outlined{color:#64748b;font-size:1.05rem}.hw-chrome__brush-star{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;width:30px}.hw-chrome__brush-star.is-on,.hw-chrome__brush-star:hover{color:#0f766e}.hw-chrome__sliders{flex-wrap:wrap;align-items:center;gap:.45rem .75rem;display:flex}.hw-chrome__sliders label{color:#64748b;align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}.hw-chrome__sliders input[type=range]{width:88px}.hw-chrome__swatches{flex-wrap:wrap;align-items:center;gap:.28rem;display:flex}.hw-chrome__swatch{cursor:pointer;background:#fff;border:1.5px solid #0f172a1f;border-radius:999px;width:18px;height:18px;padding:0}.hw-chrome__swatch.is-active{outline-offset:1px;outline:2px solid #0f766e}.hw-chrome__swatch--custom{background:conic-gradient(#ef4444,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7,#ef4444);place-items:center;display:grid;overflow:hidden}.hw-chrome__swatch--custom input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0}@media (max-width:720px){.hw-chrome__tool{width:34px;height:34px}}