.editor{height:100dvh;display:grid;grid-template-rows:var(--app-bar) 1fr var(--statusbar);background:var(--bg-1);color:var(--ink);font-family:var(--font-body)}.appbar{display:flex;align-items:center;gap:.75rem;padding:0 .875rem;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.appbar__brand{font-family:var(--font-display);font-weight:700;font-size:var(--t-base);letter-spacing:-.01em}.appbar__file{font-size:var(--t-xs);color:var(--muted)}.appbar__spacer{flex:1}.editor__body{display:grid;grid-template-columns:var(--rail) auto 1fr var(--inspector);min-height:0}.thumbs{width:140px;background:var(--bg-2);border-right:1px solid var(--line);overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.thumbs__loading{margin:0;font-size:var(--t-xs);color:var(--muted)}.thumb{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem;border:1px solid transparent;border-radius:var(--r-xs);background:var(--paper);cursor:pointer;transition:border-color var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}.thumb:hover{border-color:var(--line-2);background:var(--bg-3)}.thumb__canvas{display:block;max-width:100%;height:auto;box-shadow:var(--shadow-sm)}.thumb__label{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--muted)}.thumb--pending-remove .thumb__canvas{opacity:.4;filter:grayscale(.7);outline:1.5px dashed var(--danger, #c2410c);outline-offset:1px}.thumb--pending-remove .thumb__label{color:var(--danger, #c2410c)}.thumb--drop{border-color:var(--action);box-shadow:0 -3px 0 -1px var(--action) inset}.thumb--selected{border-color:var(--action);background:color-mix(in oklab,var(--action) 14%,var(--paper))}.thumb--selected .thumb__canvas{outline:2px solid var(--action);outline-offset:1px}.thumbs__bar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;padding:.3rem .2rem .4rem;margin:-.2rem -.2rem .1rem;background:var(--bg-2);border-bottom:1px solid var(--line)}.thumbs__count{font-size:var(--t-2xs);color:var(--muted);margin-right:auto;padding-left:.15rem}.thumbs__rbtn{min-width:1.7rem;padding:.15rem .3rem;font-size:var(--t-xs);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--paper);color:var(--ink);cursor:pointer}.thumbs__rbtn:hover:not(:disabled){border-color:var(--action);color:var(--action)}.thumbs__rbtn:disabled{opacity:.4;cursor:default}.thumbs__range{width:100%;margin-top:.2rem;padding:.15rem .3rem;font-size:var(--t-2xs);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--paper);color:var(--ink)}.thumb:active{cursor:grabbing}.rail{background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-top:.5rem}.rail__btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--muted-2);font-size:var(--t-base)}.rail__btn[aria-pressed=true]{background:var(--paper);border-color:var(--line-2);color:var(--action);box-shadow:var(--shadow-sm)}.viewer{overflow:auto;background:var(--viewer);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pv{width:100%;min-width:min-content;display:flex;flex-direction:column;align-items:center;gap:1rem}.pv__zoombar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.25rem;padding:.25rem .4rem;border-radius:var(--r-pill, 999px);background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line-2);box-shadow:var(--shadow-sm)}.pv__zoomsep{width:1px;height:18px;background:var(--line-2);margin:0 .2rem}.pv__zoomval{min-width:3.2em;text-align:center;font-family:var(--font-mono);font-size:var(--t-xs);color:var(--ink-2)}.zoombtn{border:1px solid transparent;background:transparent;color:var(--ink-2);border-radius:var(--r-xs);padding:.15rem .5rem;font-size:var(--t-xs);cursor:pointer;min-width:1.8rem}.zoombtn:hover{background:var(--bg-2)}.zoombtn--on{background:var(--action);border-color:var(--action-d);color:#fff}.pv__align{display:flex;align-items:center;gap:1px}.alignbtn{border:1px solid transparent;background:transparent;color:var(--ink-2);border-radius:var(--r-xs);padding:.15rem .4rem;font-size:var(--t-sm);line-height:1;cursor:pointer;min-width:1.6rem}.alignbtn:hover{background:var(--bg-2);color:var(--ink)}.pv__align-sep{width:1px;align-self:stretch;margin:2px 4px;background:var(--line-2)}.pv__palette{display:flex;align-items:center;gap:.2rem}.pv__markup{display:flex;align-items:center;gap:.25rem}.pv__markup-btn{padding:.15rem .5rem;font-size:var(--t-xs);border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--paper);color:var(--ink);cursor:pointer}.pv__markup-btn:hover{border-color:var(--action);color:var(--action)}.pv__markup-btn--on{background:color-mix(in oklab,var(--action) 16%,var(--paper));border-color:var(--action);color:var(--action);font-weight:600}.pv__markup-hint{font-size:var(--t-2xs);color:var(--muted);margin-left:.15rem}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--line-2);cursor:pointer;padding:0}.swatch--on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.swatch--custom{display:grid;place-items:center;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.swatch--custom input[type=color]{opacity:0;width:100%;height:100%;padding:0;border:0;cursor:pointer}.pv__opacity{display:flex;align-items:center;gap:.25rem}.pv__opacity input[type=range]{width:64px;cursor:pointer}.pv__opacity-val{min-width:2.6em;text-align:right;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--muted)}.pv__shape-style{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .5rem}.pv__style-row{gap:.15rem}.pv__style-label{font-size:var(--t-2xs);color:var(--muted);margin-right:.1rem;white-space:nowrap}.swatch--none{background:linear-gradient(to top right,transparent calc(50% - 1.2px),#e23b3b calc(50% - 1.2px),#e23b3b calc(50% + 1.2px),transparent calc(50% + 1.2px)),#fff}.ovl--selected{outline:2px dashed var(--action-d, #1d4ed8);outline-offset:2px}.ovl-line__end{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:50%;background:var(--paper, #fff);border:2px solid var(--action-d, #1d4ed8);cursor:grab;pointer-events:auto;touch-action:none;z-index:21}.ovl-line__end:active{cursor:grabbing}.ovl-line__del{transform:translate(-50%,-50%);pointer-events:auto;z-index:22}.ovl--marquee{border:1px dashed var(--action-d, #1d4ed8);background:color-mix(in oklab,var(--action-d, #1d4ed8) 12%,transparent);pointer-events:none}.ovl-group{position:absolute;outline:1.5px dashed var(--action-d, #1d4ed8);outline-offset:1px;pointer-events:none;z-index:25}.ovl-group__body{position:absolute;inset:0;pointer-events:auto;cursor:move;touch-action:none}.ovl-group__resize{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border-radius:2px;background:var(--action-d, #1d4ed8);border:2px solid var(--paper, #fff);cursor:nwse-resize;pointer-events:auto;touch-action:none}.ovl-group__del{position:absolute;right:-10px;top:-10px;pointer-events:auto;z-index:26}.kbd-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:color-mix(in oklab,var(--ink) 45%,transparent);padding:1rem}.kbd-modal{width:min(40rem,100%);max-height:85vh;overflow:auto;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg, 12px);box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .25));padding:1.25rem}.kbd-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kbd-modal__head h2{margin:0;font-family:var(--font-display);font-size:var(--t-lg, 1.25rem)}.kbd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.kbd-group h3{margin:0 0 .4rem;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kbd-row{display:flex;align-items:baseline;gap:.6rem;padding:.18rem 0;font-size:var(--t-xs)}.kbd-keys{flex:0 0 auto;min-width:5.5em;font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-xs);padding:.05rem .4rem}.kbd-desc{color:var(--muted-2, var(--ink-2))}@media (max-width: 640px){.kbd-grid{grid-template-columns:1fr}}.dropzone{margin:auto;width:min(26rem,90%);text-align:center;border:2px dashed var(--line-2);border-radius:var(--r-xl);padding:3rem 2rem;background:var(--paper);color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone p{margin:0}.dropzone__sample{border:0;background:none;color:var(--action);font-size:var(--t-xs);text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.dropzone__sample:hover{color:var(--action-d)}.page-card{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:.75rem 1rem;width:min(100%,38rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-card__meta{font-size:var(--t-xs);color:var(--muted)}.page-card__no{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--muted-2)}.page{display:flex;flex-direction:column;align-items:center;gap:.4rem}.page__bar{display:flex;align-items:center;gap:.6rem;width:min(100%,38rem);font-size:var(--t-xs);color:var(--muted)}.page__bar .btn{margin-left:auto}.page__edited{color:var(--action);font-family:var(--font-mono);font-size:var(--t-2xs)}.page__moved{color:var(--muted);font-family:var(--font-mono);font-size:var(--t-2xs)}.page__remove-tag{color:var(--danger, #c2410c);font-family:var(--font-mono);font-size:var(--t-2xs)}.page--pending-remove .page__canvas-wrap{outline:2px dashed var(--danger, #c2410c);outline-offset:2px}.page--pending-remove .page-canvas{opacity:.45;filter:grayscale(.6)}.btn--danger{color:var(--danger, #c2410c);border-color:color-mix(in oklab,var(--danger, #c2410c) 30%,var(--line-2))}.btn--danger:hover{background:color-mix(in oklab,var(--danger, #c2410c) 10%,var(--paper))}.btn--danger:disabled{opacity:.4}.btn--icon{padding:.25rem .5rem;min-width:1.8rem}.page__bar-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.page--inserted{width:min(100%,38rem);display:grid;place-items:center;padding:1.25rem 1rem;border:1.5px dashed var(--action);border-radius:var(--r-sm);background:color-mix(in oklab,var(--action) 5%,var(--paper))}.page__inserted-label{margin:0;color:var(--action);font-size:var(--t-xs);font-family:var(--font-mono)}.editor--drop:before{content:"PDF をドロップして開く";position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:color-mix(in oklab,var(--action) 12%,transparent);color:var(--action);font-family:var(--font-display);font-size:var(--t-lg, 1.25rem);pointer-events:none;border:4px dashed var(--action)}.page-canvas{display:block;background:var(--paper)}.page__canvas-wrap{position:relative;display:inline-block;line-height:0;border:1px solid var(--paper-edge);border-radius:var(--r-xs);box-shadow:var(--shadow);overflow:hidden}.page--placing .page__canvas-wrap{cursor:crosshair}.page__overlay{position:absolute;inset:0;pointer-events:none}.ovl{position:absolute;border-radius:var(--r-xs)}.page__overlay--interactive .ovl{pointer-events:auto;cursor:grab}.page__overlay--interactive .ovl:hover{outline:2px solid var(--danger, #c2410c);outline-offset:1px}.ovl__del{position:absolute;top:-8px;right:-8px;width:16px;height:16px;display:grid;place-items:center;border:none;padding:0;cursor:pointer;border-radius:50%;background:var(--danger, #c2410c);color:#fff;font-size:10px;line-height:1;opacity:0;transition:opacity var(--d-fast) var(--ease)}.page__overlay--interactive .ovl:hover .ovl__del{opacity:1}.ovl__edit{position:absolute;top:-8px;left:-8px;width:16px;height:16px;display:grid;place-items:center;border:none;padding:0;border-radius:50%;background:var(--action-d, #1d4ed8);color:#fff;font-size:9px;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--d-fast) var(--ease)}.page__overlay--interactive .ovl:hover .ovl__edit{opacity:1}.ovl__resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border-radius:2px;background:var(--action-d, #1d4ed8);border:2px solid var(--paper, #fff);cursor:nwse-resize;opacity:0;transition:opacity var(--d-fast) var(--ease)}.page__overlay--interactive .ovl:hover .ovl__resize{opacity:1}.ovl__rotate{position:absolute;left:50%;top:-24px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--paper, #fff);border:2px solid var(--action-d, #1d4ed8);cursor:grab;opacity:0;transition:opacity var(--d-fast) var(--ease);touch-action:none}.ovl__rotate:before{content:"";position:absolute;left:50%;top:100%;width:2px;height:11px;margin-left:-1px;background:var(--action-d, #1d4ed8)}.ovl__rotate:active{cursor:grabbing}.page__overlay--interactive .ovl:hover .ovl__rotate,.page__overlay--interactive .ovl--shape:hover .ovl__rotate{opacity:1}.ovl__adjust{position:absolute;width:11px;height:11px;margin-left:-5.5px;margin-top:-5.5px;background:#ffd34e;border:1.5px solid #a9791a;transform:rotate(45deg);border-radius:1px;cursor:pointer;opacity:0;transition:opacity var(--d-fast) var(--ease);touch-action:none;z-index:21}.ovl__adjust:hover{background:#ffcf2e}.page__overlay--interactive .ovl--shape:hover .ovl__adjust{opacity:1}.ovl--shape-preview{pointer-events:none}.ovl--note{display:flex;align-items:flex-start;gap:4px;padding:4px 6px;background:color-mix(in oklab,var(--action) 12%,var(--paper));border:1.5px solid var(--action);border-radius:6px;color:var(--ink);font-size:11px;line-height:1.35;text-align:left;overflow:hidden}.ovl__note-icon{flex:0 0 auto;color:var(--action-d, var(--action))}.ovl__note-body{flex:1 1 auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.ovl--hl{background:color-mix(in oklab,var(--warn) 45%,transparent);outline:1px solid color-mix(in oklab,var(--warn) 80%,transparent);outline-offset:-1px}.ovl--search{background:color-mix(in oklab,#ff8a00 32%,transparent);outline:2px solid #ff8a00;outline-offset:-1px;border-radius:2px;pointer-events:none}.ovl--text{display:flex;align-items:center;color:var(--ink);font-family:var(--font-body);background:color-mix(in oklab,var(--success) 12%,transparent);white-space:nowrap}.ovl--drag{border:1.5px dashed var(--action);background:color-mix(in oklab,var(--action) 8%,transparent);pointer-events:none}.text-draft{position:absolute;z-index:6;margin:0;padding:0 2px;border:1px dashed var(--action);background:color-mix(in oklab,var(--paper) 80%,transparent);color:var(--ink);font-family:var(--font-body);outline:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--action) 20%,transparent)}.ovl--image{display:grid;place-items:center;background:color-mix(in oklab,var(--ink) 6%,transparent);border:1.5px dashed color-mix(in oklab,var(--ink) 30%,transparent);font-size:1.5em;overflow:hidden}.ovl__image-img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.page__hint{margin:0;font-size:var(--t-xs);color:var(--muted)}.page__hint-link{border:0;background:none;color:var(--action);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.inspector{background:var(--bg-2);border-left:1px solid var(--line);overflow:auto;padding:.875rem;display:flex;flex-direction:column;gap:1rem}.insp__section h3{margin:0 0 .5rem;font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.insp__section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.insp__section-head h3{margin:0}.insp__section-action{border:0;background:none;color:var(--muted);font-size:var(--t-2xs);letter-spacing:.04em;cursor:pointer;padding:.1rem .25rem;border-radius:var(--r-xs)}.insp__section-action:hover{color:var(--danger, var(--ink));background:var(--bg-3)}.insp__row--editable{align-items:center}.insp__row-tail{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);color:var(--ink-2)}.insp__row-remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:var(--t-xs);line-height:1;padding:0 .2rem;border-radius:var(--r-xs);opacity:.5;transition:opacity var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.insp__row--editable:hover .insp__row-remove{opacity:1}.insp__row-remove:hover{color:var(--danger, #c2410c);background:color-mix(in oklab,var(--danger, #c2410c) 12%,transparent)}.insp__row{display:flex;justify-content:space-between;font-size:var(--t-xs);padding:.15rem 0}.insp__row span:last-child{font-family:var(--font-mono);color:var(--ink-2)}.insp__field{display:flex;flex-direction:column;gap:.2rem;padding:.25rem 0;font-size:var(--t-xs)}.insp__field>span{color:var(--muted)}.insp__field input{width:100%;padding:.3rem .4rem;border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--paper);color:var(--ink);font:inherit;font-family:var(--font-body)}.insp__field input:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 2px color-mix(in oklab,var(--action) 20%,transparent)}.insp__subsection{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--line-2)}.flag{display:inline-block;padding:.05rem .4rem;border-radius:var(--r-xs);font-size:var(--t-2xs);font-family:var(--font-mono)}.flag--on{background:color-mix(in oklab,var(--warn) 22%,transparent);color:var(--muted-2)}.flag--off{background:var(--bg-3);color:var(--muted)}.statusbar{display:flex;align-items:center;gap:.75rem;padding:0 .875rem;background:var(--paper);border-top:1px solid var(--line);font-size:var(--t-2xs);color:var(--muted)}.statusbar__promise{margin-left:auto;color:var(--success)}.btn{border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);border-radius:var(--r);padding:.35rem .7rem;font-size:var(--t-xs);white-space:nowrap;transition:background var(--d-fast) var(--ease)}.btn:hover{background:var(--bg-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--action);border-color:var(--action-d);color:#fff}.btn--primary:hover{background:var(--action-d)}.preview-backdrop{position:fixed;inset:0;z-index:210;display:grid;place-items:center;background:color-mix(in oklab,var(--ink) 55%,transparent);padding:1rem}.preview-modal{width:min(56rem,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg, 12px);box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .25));overflow:hidden}.preview-modal__head{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--line-2)}.preview-modal__head h2{margin:0;font-family:var(--font-display);font-size:var(--t-lg, 1.25rem)}.preview-modal__file{font-size:var(--t-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem}.preview-modal__spacer{flex:1 1 auto}.preview-pager{display:inline-flex;align-items:center;gap:.4rem}.preview-pager__no{font-size:var(--t-xs);color:var(--muted);min-width:3.5rem;text-align:center;font-variant-numeric:tabular-nums}.preview-modal__body{flex:1 1 auto;overflow:auto;display:grid;place-items:center;padding:1.25rem;background:var(--bg-2)}.preview-canvas{display:block;border-radius:4px;box-shadow:0 6px 24px #0000002e;background:#fff}.preview-modal__error{color:var(--danger, #c2410c);font-size:var(--t-sm)}.preview-modal__foot{padding:.6rem 1rem;border-top:1px solid var(--line-2);font-size:var(--t-2xs);color:var(--muted)}.search-bar{position:fixed;top:56px;right:1rem;z-index:150;width:min(26rem,calc(100vw - 2rem));background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg, 12px);box-shadow:var(--shadow-lg, 0 16px 48px rgba(0, 0, 0, .22));overflow:hidden}.search-bar__row{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border-bottom:1px solid var(--line-2)}.search-bar__icon{font-size:.9rem;opacity:.7}.search-bar__input{flex:1 1 auto;min-width:0;border:1px solid var(--line-2);border-radius:8px;padding:.35rem .55rem;font-size:var(--t-sm);background:var(--bg-1);color:var(--ink)}.search-bar__input:focus{outline:2px solid var(--action-d);outline-offset:-1px}.search-bar__count{font-size:var(--t-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.5rem;text-align:right}.search-bar__error{margin:0;padding:.5rem .6rem;font-size:var(--t-xs);color:var(--danger, #c2410c)}.search-bar__empty{margin:0;padding:.5rem .6rem;font-size:var(--t-xs);color:var(--muted)}.search-results{list-style:none;margin:0;padding:.25rem;max-height:50vh;overflow:auto}.search-results__item{border-radius:8px}.search-results__item.is-current{background:color-mix(in oklab,var(--action-d) 14%,transparent)}.search-results__btn{display:flex;gap:.5rem;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:.4rem .5rem;border-radius:8px;font:inherit;color:var(--ink-2)}.search-results__btn:hover{background:var(--bg-2)}.search-results__page{flex:0 0 auto;font-size:var(--t-2xs);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.1rem}.search-results__snippet{flex:1 1 auto;font-size:var(--t-xs);line-height:1.4;word-break:break-word}.search-results__snippet mark{background:#ffe58a;color:inherit;border-radius:2px;padding:0 1px}.cmdk-backdrop{position:fixed;inset:0;z-index:220;display:grid;place-items:start center;padding:12vh 1rem 1rem;background:color-mix(in oklab,var(--ink) 40%,transparent)}.cmdk{width:min(36rem,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg, 12px);box-shadow:var(--shadow-lg, 0 24px 64px rgba(0, 0, 0, .28));overflow:hidden}.cmdk__input{border:none;border-bottom:1px solid var(--line-2);background:transparent;color:var(--ink);font-size:var(--t-md, 1rem);padding:.85rem 1rem;outline:none}.cmdk__list{list-style:none;margin:0;padding:.3rem;overflow:auto}.cmdk__item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:none;border:none;cursor:pointer;font:inherit;color:var(--ink-2);padding:.5rem .65rem;border-radius:8px}.cmdk__item.is-active{background:color-mix(in oklab,var(--action-d) 14%,transparent)}.cmdk__title{flex:1 1 auto}.cmdk__hint{flex:0 0 auto;font-size:var(--t-2xs);color:var(--muted);font-variant-numeric:tabular-nums}.cmdk__empty{padding:.75rem .9rem;color:var(--muted);font-size:var(--t-xs)}.shape-backdrop{position:fixed;inset:0;z-index:210;display:grid;place-items:center;background:color-mix(in oklab,var(--ink) 45%,transparent);padding:1rem}.shape-modal{width:min(54rem,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg, 12px);box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .25));overflow:hidden}.shape-modal__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line-2)}.shape-modal__head h2{margin:0;font-family:var(--font-display);font-size:var(--t-lg, 1.25rem)}.shape-search{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--line-2);border-radius:var(--r-sm, 8px);background:var(--surface, var(--paper));color:var(--ink);font-size:var(--t-sm, .9rem)}.shape-scroll{overflow:auto;padding:.75rem 1.25rem 1.25rem}.shape-group{margin-top:1rem}.shape-group:first-child{margin-top:0}.shape-group h3{margin:0 0 .5rem;font-size:var(--t-xs, .78rem);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.shape-cell{display:grid;place-items:center;aspect-ratio:1;padding:7px;border:1px solid transparent;border-radius:var(--r-sm, 8px);background:color-mix(in oklab,var(--ink) 4%,transparent);cursor:pointer;color:color-mix(in oklab,var(--ink) 78%,transparent);transition:background var(--duration-fast, .15s) ease,border-color var(--duration-fast, .15s) ease,transform var(--duration-fast, .15s) ease}.shape-cell svg{width:100%;height:100%;display:block}.shape-cell svg path{fill:currentColor}.shape-cell--mark svg path{fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.shape-cell:hover{background:color-mix(in oklab,var(--accent, #4472c4) 18%,transparent);border-color:color-mix(in oklab,var(--accent, #4472c4) 60%,transparent);color:var(--accent, #4472c4);transform:translateY(-1px)}.shape-cell:focus-visible{outline:2px solid var(--accent, #4472c4);outline-offset:1px}.shape-cell--disabled{cursor:default;opacity:.34;color:color-mix(in oklab,var(--ink) 40%,transparent)}.shape-cell--disabled:hover{background:color-mix(in oklab,var(--ink) 4%,transparent);border-color:transparent;color:color-mix(in oklab,var(--ink) 40%,transparent);transform:none}.shape-cell--disabled svg path{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:6 6}.shape-cell--disabled svg line,.shape-cell--disabled svg rect{fill:none;stroke:currentColor;stroke-width:4}.ovl--shape{background:transparent}.ovl__shape-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}:root{--bg-0: oklch(98% .004 255);--bg-1: oklch(97% .006 255);--bg-2: oklch(95% .008 255);--bg-3: oklch(92% .01 255);--bg-4: oklch(86% .014 255);--bg-5: oklch(78% .016 255);--viewer: oklch(94% .01 255);--ink: oklch(22% .027 257);--ink-2: oklch(34% .024 257);--muted: oklch(52% .02 257);--muted-2: oklch(40% .022 257);--line: oklch(91% .008 255);--line-2: oklch(83% .012 255);--paper: #ffffff;--paper-edge: oklch(88% .01 255);--action: oklch(54% .22 264);--action-d: oklch(46% .22 264);--success: oklch(58% .18 145);--warn: oklch(64% .18 65);--danger: oklch(56% .22 25);--ai: oklch(54% .22 290);--info: oklch(54% .18 220);--highlight: oklch(88% .18 95 / .55);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow: 0 4px 12px -4px rgba(15, 23, 42, .1), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 48px -16px rgba(15, 23, 42, .18), 0 8px 16px -8px rgba(15, 23, 42, .1);--font-display: "Inter Tight", "Noto Sans JP", system-ui, sans-serif;--font-body: "Inter Tight", "Inter", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--t-2xs: .6875rem;--t-xs: .75rem;--t-sm: .875rem;--t-base: 1rem;--t-md: 1.125rem;--t-lg: 1.25rem;--t-xl: 1.5rem;--ease: cubic-bezier(.16, 1, .3, 1);--d-fast: .14s;--d-base: .24s;--r-xs: 3px;--r-sm: 4px;--r: 6px;--r-lg: 8px;--r-xl: 12px;--app-bar: 52px;--rail: 52px;--inspector: 304px;--statusbar: 28px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--t-sm);color:var(--ink);background:var(--bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer}