.j-filter-chips{align-items:center;gap:var(--j-filter-chip-gap,8px);box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:thin;background:0 0;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;padding:4px 2px;display:flex;overflow:auto hidden}.j-filter-chip{min-height:var(--j-filter-chip-height,48px);box-sizing:border-box;border:1px solid var(--j-control-border,#8f8f8f);background:var(--j-surface,#fff);color:var(--j-text,#0d0d0d);font:500 17px/24px var(--j-font,-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Meiryo", sans-serif);letter-spacing:normal;white-space:nowrap;cursor:pointer;border-radius:9999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.j-filter-chip:hover{background:var(--j-surface-muted,#f7f7f7)}.j-filter-chip[aria-pressed=true]{background:var(--j-action,#0d0d0d);color:var(--j-on-action,#fff);border-color:var(--j-action,#0d0d0d)}.j-filter-chip:focus-visible{outline:2px solid var(--j-focus,#0d0d0d);outline-offset:2px}.j-filter-chip:disabled{opacity:.4;cursor:not-allowed}.j-filter-chip svg{flex-shrink:0;width:20px;height:20px}.j-tag-chips{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.j-tag-chip{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;min-height:var(--j-touch-target,44px);border:1px solid var(--j-border,#e8e8e8);border-radius:var(--j-radius-pill,9999px);background:var(--j-surface,#fff);max-width:100%;color:var(--j-text,#0d0d0d);font:500 17px/24px var(--j-font);text-align:left;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.j-tag-chip span{overflow-wrap:anywhere;min-width:0}.j-tag-chip svg{flex:none}.j-tag-chip[aria-pressed=true],.j-tag-chip:active{background:var(--j-selected-bg,#f2f2f2)}.j-tag-chip:focus-visible{box-shadow:var(--j-focus-ring,0 0 0 3px #0d0d0d2e);outline:0}.j-tag-chip:disabled{opacity:.4;cursor:default}
.j-editor-menu-layer{z-index:90;pointer-events:none;font-family:var(--j-font);color:var(--j-text,#0d0d0d);outline:none;position:fixed;inset:0}.j-editor-pill,.j-editor-expanded{pointer-events:auto;background:var(--j-surface,#fff);box-sizing:border-box;border:0;position:absolute;overflow:hidden;box-shadow:0 4px 20px #0000001a}.j-editor-pill{border-radius:999px;height:48px}.j-editor-pill>div{height:100%;display:flex}.j-editor-pill button{min-width:44px;min-height:44px;font:500 16px/24px var(--j-font);color:#0d0d0d;cursor:pointer;box-shadow:none;background:#fff;border:0;outline:none;flex:1;justify-content:center;align-items:center;padding:0 10px;display:flex}.j-editor-pill button+button{border-left:1px solid var(--j-border,#e8e8e8)}.j-editor-pill button:last-child{flex:0 0 48px}.j-editor-pill button[aria-pressed=true]{background:var(--j-selected-bg,#f2f2f2);box-shadow:none}.j-editor-pill svg,.j-editor-expanded svg{stroke-width:1.7px;flex-shrink:0;width:20px;height:20px}.j-editor-expanded{border-radius:28px;overflow-y:auto}.j-editor-menu-back,.j-editor-menu-item{color:#0d0d0d;width:100%;font:400 17px/24px var(--j-font);text-align:left;cursor:pointer;box-shadow:none;background:#fff;border:0;outline:none;align-items:center;gap:8px;padding:0 16px;display:flex}.j-editor-menu-back{border-bottom:1px solid var(--j-border,#e8e8e8);min-height:44px;font-size:14px}.j-editor-object-name{text-overflow:ellipsis;white-space:nowrap;color:#666;max-width:104px;margin-left:auto;overflow:hidden}.j-editor-menu-item{justify-content:space-between;min-height:48px}.j-editor-menu-item[data-danger]{color:#b91c1c}.j-editor-menu-layer[data-keyboard-focus=true] button:focus-visible{box-shadow:none;text-underline-offset:4px;background:#e8e8e8;outline:none;-webkit-text-decoration:underline #666;text-decoration:underline #666;text-decoration-thickness:1px}@media (hover:hover){.j-editor-menu-layer button:hover{background:#f7f7f7}.j-editor-menu-layer button[aria-pressed=true]:hover{background:#f2f2f2}}.j-editor-menu-layer button:disabled{opacity:.4;cursor:default}.j-editor-exit{z-index:50;color:#0d0d0d;cursor:pointer;background:#fff;border:1px solid #8f8f8f;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.j-editor-exit svg{width:22px;height:22px}.j-editor-exit:focus-visible{outline-offset:3px;outline:2px solid #0d0d0d}.j-editor-menu-item{min-height:56px;padding:16px 20px}.j-editor-menu-back{min-height:48px}.j-editor-menu-group{padding:8px 0}.j-editor-menu-group+.j-editor-menu-group{border-top:1px solid var(--j-border,#e8e8e8)}.j-editor-menu-item+.j-editor-menu-item{border-top:0}.j-editor-menu-item[aria-pressed=true]{background:var(--j-selected-bg,#f2f2f2)}.j-editor-object-name{min-width:0}.j-editor-menu-item>span{overflow-wrap:anywhere;min-width:0}
.j-ruler-control{box-sizing:border-box;background:var(--j-surface,#fff);width:100%;min-width:0;font-family:var(--j-font);color:var(--j-text,#0d0d0d);border-radius:9999px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;padding:6px;display:grid}.j-ruler-reset,.j-ruler-axis{color:inherit;-webkit-tap-highlight-color:transparent;background:0 0!important;border:0!important;border-radius:9999px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}.j-ruler-reset svg{width:20px;height:20px}.j-ruler-reset:disabled{visibility:hidden}.j-ruler-axis{font-size:17px}.j-ruler-reset:focus-visible,.j-ruler-axis:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #66666659}.j-ruler-panel{box-sizing:border-box;background:0 0;min-width:0;padding:0}.j-ruler-panel[data-disabled=true]{opacity:.4}.j-ruler-readout{height:22px;color:var(--j-text-muted,#666);justify-content:center;align-items:baseline;gap:4px;font-size:12px;line-height:20px;display:flex}.j-ruler-readout strong{font-variant-numeric:tabular-nums;color:var(--j-text,#0d0d0d);font-size:17px;font-weight:500;line-height:20px}.j-ruler-viewport{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;height:44px;position:relative;overflow:hidden}.j-ruler-scale{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.j-ruler-tick{background:#aaa;width:1px;height:10px;position:absolute;top:10px;transform:translate(-.5px)}.j-ruler-tick.major{background:#777;height:16px;top:4px}.j-ruler-tick>span{font:400 12px/16px var(--j-font);color:#777;font-variant-numeric:tabular-nums;position:absolute;top:20px;left:50%;transform:translate(-50%)}.j-ruler-needle{background:var(--j-text,#0d0d0d);pointer-events:none;border-radius:2px;width:2px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.j-ruler-reference{pointer-events:none;color:#666;font-size:10px;line-height:10px;position:absolute;bottom:0;transform:translate(-50%)}.j-ruler-radix{touch-action:none;align-items:center;height:44px;display:flex;position:absolute;top:0;left:50%}.j-ruler-native-track{pointer-events:none;position:absolute;inset:0}.j-ruler-native-thumb{touch-action:none;cursor:ew-resize;background:0 0;outline:0;width:1px;height:44px;display:block;position:relative}.j-ruler-native-thumb:before{content:"";width:var(--j-ruler-hit-width);height:44px;position:absolute;top:0;left:50%;transform:translate(-50%)}.j-ruler-control:has(.j-ruler-native-thumb:focus-visible){box-shadow:inset 0 0 0 2px #66666659}.j-ruler-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.j-ruler-axis-item{min-height:44px;font-size:17px}.j-ruler-reset{transition-property:background-color,color,box-shadow!important}.j-ruler-axis{justify-content:center;align-items:center;gap:2px;display:flex}.j-ruler-axis .j-ruler-axis-chevron{stroke-width:1.75px;width:12px;height:12px}
.j-radial-menu{font-family:var(--j-font,-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Meiryo", sans-serif);color:var(--j-text,#0d0d0d);letter-spacing:normal;font-size:16px;line-height:1.5}.j-radial-item{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;width:80px;height:84px;display:flex;position:absolute;transform:translate(-50%,-28px)}.j-radial-button{border:1px solid var(--j-control-border,#8f8f8f);width:56px;height:56px;min-height:56px;color:var(--j-text,#0d0d0d);box-shadow:none;cursor:pointer;background:#fff;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.j-radial-button:hover{background:var(--j-selected-bg,#f2f2f2)}.j-radial-button[aria-pressed=true]{border:2px solid var(--j-text,#0d0d0d)}.j-radial-button:focus-visible{outline:2px solid var(--j-focus,#0d0d0d);outline-offset:4px}.j-radial-button>svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:24px;height:24px}.j-radial-check{color:#fff;background:#0d0d0d;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-4px;right:-5px}.j-radial-check>svg{stroke:currentColor;stroke-width:2px;fill:none;width:12px;height:12px}.j-radial-label{color:#0d0d0d;max-width:80px;font:500 14px/20px var(--j-font,-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Meiryo", sans-serif);white-space:nowrap;background:#fff;border-radius:999px;margin:0;padding:1px 8px}.j-radial-item:has([aria-pressed=true]) .j-radial-label{font-weight:600}.j-radial-context{color:#0d0d0d;pointer-events:auto;background:#fff;border-radius:999px;align-items:center;max-width:calc(100% - 128px);min-height:44px;padding:6px 12px;font-size:16px;font-weight:500;display:flex;position:absolute}.j-radial-context>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.j-radial-close{color:#0d0d0d;min-height:44px;font:500 14px/1.5 var(--j-font,-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Meiryo", sans-serif);pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute}.j-radial-close:focus-visible{outline-offset:3px;outline:2px solid #0d0d0d}.j-radial-close>svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:18px;height:18px}.j-radial-tether{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.j-radial-tether line{stroke:#8f8f8f;stroke-width:1px;stroke-dasharray:3 5}.j-radial-tether circle{stroke:#0d0d0d;stroke-width:1.5px;fill:#fff}.j-radial-demo{background:#fff;border:1px solid #e8e8e8;border-radius:16px;width:100%;height:460px;position:relative;overflow:hidden}.j-radial-demo-object{color:#0d0d0d;cursor:pointer;background:0 0;border:0;width:64px;height:64px;padding:0;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.j-radial-demo-object svg{stroke-width:1.1px;width:64px;height:64px}.j-radial-demo-status{color:#242424;margin-top:16px;font-size:15px}@media (prefers-reduced-motion:reduce){.j-radial-menu *{transition:none!important}}
.j-capsule-demo{height:360px}.j-horizontal-row{pointer-events:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:flex-start;padding:0;display:flex;position:absolute}.j-horizontal-action{min-width:44px;min-height:44px;color:var(--j-text,#0d0d0d);font:500 14px/20px var(--j-font);cursor:pointer;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6px;padding:0;display:flex;position:relative}.j-horizontal-action:hover{background:0 0}.j-horizontal-action:hover .j-radial-button{background:var(--j-selected-bg,#f2f2f2)}.j-horizontal-action[aria-pressed=true] .j-radial-button{border:2px solid var(--j-text,#0d0d0d)}.j-horizontal-action:focus-visible .j-radial-button{outline:2px solid var(--j-focus,#0d0d0d);outline-offset:4px}.j-horizontal-action .j-radial-button{pointer-events:none}