.lb-root{--lb-bg:#f4f3f0;--lb-surface:#fff;--lb-surface-2:#ecebe7;--lb-line:#15181d29;--lb-input-line:#80858f;--lb-fg:#15181d;--lb-muted:#4b5060;--lb-accent:#c2410c;--lb-accent-ink:#fff;--lb-warn:#9a3412;--lb-warn-bg:#fff7ed;--lb-focus:#1d4ed8;color:var(--lb-fg);background:var(--lb-bg);flex:1;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,PingFang SC,Microsoft YaHei,Yu Gothic UI,Meiryo,sans-serif;line-height:1.6}.lb-root[data-theme=dark]{--lb-bg:#0b0d12;--lb-surface:#151922;--lb-surface-2:#1d2230;--lb-line:#94a3b847;--lb-input-line:#6b7280;--lb-fg:#f4f4f5;--lb-muted:#b4b8c4;--lb-accent:#fb923c;--lb-accent-ink:#1a0d05;--lb-warn:#fdba74;--lb-warn-bg:#fb923c1f;--lb-focus:#fbbf24}:root:has(.lb-root[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:has(.lb-root[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.lb-root[data-theme=light]){background:#f4f3f0}body:has(.lb-root[data-theme=dark]){background:#0b0d12}body:has(.lb-root[data-theme=light]) .site-wrapper{--site-bg:#f4f3f0;--site-ink:#15181d;--site-ink-2:#565b66;--site-line:#15181d1a;--site-mark-bg:#fff;--site-accent:#2f53c8}html.lb-locked,html.lb-locked body{overflow:hidden}.lb-root *,.lb-root :before,.lb-root :after{box-sizing:border-box}.lb-root [hidden]{display:none!important}.lb-root :focus-visible{outline:3px solid var(--lb-focus);outline-offset:2px}.lb-app{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}.lb-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.lb-head-text{min-width:0}.lb-title{margin:0 0 .5rem;font-size:clamp(1.45rem,1.15rem + 1.3vw,1.95rem);font-weight:700;line-height:1.25}.lb-desc{color:var(--lb-muted);max-width:70ch;margin:0;font-size:.92rem}.lb-layout{gap:1rem;display:grid}@media (width>=960px){.lb-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start}}.lb-panel{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:14px;min-width:0;padding:1.1rem 1.15rem}.lb-label{margin:0 0 .35rem;padding:0;font-size:.88rem;font-weight:700;display:block}.lb-text-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.lb-counter{color:var(--lb-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.lb-text-row{gap:.5rem;display:flex}.lb-limit{color:var(--lb-warn);margin:.4rem 0 0;font-size:.85rem;line-height:1.5}.lb-limit:empty{display:none}.lb-input{border:1px solid var(--lb-input-line);background:var(--lb-surface);width:100%;min-width:0;min-height:52px;color:var(--lb-fg);font:inherit;border-radius:10px;padding:.5rem .8rem;font-size:1.15rem}.lb-input::placeholder{color:var(--lb-muted);opacity:.85}.lb-text-row .lb-icon{width:52px;min-height:52px}.lb-samples{flex-wrap:wrap;gap:.4rem;margin:.7rem 0 .9rem;display:flex}.lb-chip{border:1px solid var(--lb-line);background:var(--lb-surface-2);min-height:44px;color:var(--lb-fg);font:inherit;cursor:pointer;border-radius:999px;padding:.3rem .85rem;font-size:.88rem}.lb-chip:hover{border-color:var(--lb-muted)}.lb-preview-wrap{box-shadow:inset 0 0 0 1px var(--lb-line);background:#000;border-radius:12px;margin-bottom:.9rem;overflow:hidden}.lb-preview{aspect-ratio:2.2;width:100%;max-height:46vh;display:block}.lb-show{width:100%;min-height:56px;font-size:1.1rem}.lb-hint{color:var(--lb-muted);margin:.45rem 0 0;font-size:.8rem}.lb-warn{color:var(--lb-warn);background:var(--lb-warn-bg);border-radius:8px;margin:.5rem 0 0;padding:.4rem .6rem;font-size:.82rem}.lb-fieldset{border:0;min-width:0;margin:0 0 1rem;padding:0}.lb-root[data-mode=bold] .lb-only-led{display:none}.lb-seg{background:var(--lb-surface-2);border-radius:12px;gap:4px;padding:4px;display:grid}.lb-seg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-seg-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lb-seg label{min-width:0;display:flex;position:relative}.lb-seg input,.lb-color input[type=radio]{opacity:0;pointer-events:none;position:absolute}.lb-seg span{text-align:center;min-height:44px;color:var(--lb-muted);cursor:pointer;overflow-wrap:break-word;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:.3rem .4rem;font-size:.86rem;line-height:1.25;display:flex}.lb-seg label:hover span{color:var(--lb-fg)}.lb-seg input:checked+span{background:var(--lb-surface);color:var(--lb-fg);box-shadow:0 1px 2px #0000002e, 0 0 0 1px var(--lb-line);font-weight:700}.lb-seg input:focus-visible+span,.lb-color input:focus-visible+span{outline:3px solid var(--lb-focus);outline-offset:1px}.lb-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@media (width>=520px){.lb-colors{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=960px){.lb-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}.lb-root:lang(en) .lb-colors{grid-template-columns:repeat(auto-fill,minmax(min(100%,8rem),1fr))}.lb-root:not(:lang(en)) .lb-colors{grid-template-columns:repeat(auto-fill,minmax(min(100%,7.4rem),1fr))}.lb-root:not(:lang(en)) .lb-custom>span{padding-left:2rem;padding-right:.35rem}.lb-root:not(:lang(en)) .lb-custom input[type=color]{left:.4rem}@media (width<=359px){.lb-root:not(:lang(en)) .lb-custom>span{letter-spacing:-.02em;font-size:.78rem}.lb-root:lang(en) .lb-seg-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.lb-color{min-width:0;display:flex;position:relative}.lb-color>span{border:1px solid var(--lb-line);background:var(--lb-surface);cursor:pointer;overflow-wrap:break-word;border-radius:10px;flex:1;align-items:center;gap:.4rem;min-width:0;min-height:44px;padding:.3rem .55rem;font-size:.85rem;line-height:1.2;display:flex}.lb-color input:checked+span,.lb-custom.is-on>span{border-color:var(--lb-fg);box-shadow:0 0 0 1px var(--lb-fg);font-weight:700}.lb-dot{border-radius:50%;flex:none;width:1.1rem;height:1.1rem;box-shadow:0 0 0 1px #80808099}.lb-custom input[type=color]{cursor:pointer;z-index:1;background:0 0;border:0;border-radius:50%;width:1.4rem;height:1.4rem;padding:0;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.lb-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.lb-custom input[type=color]::-webkit-color-swatch{border:1px solid #80808099;border-radius:50%}.lb-custom input[type=color]::-moz-color-swatch{border:1px solid #80808099;border-radius:50%}.lb-custom>span{pointer-events:none;padding-left:2.2rem}.lb-custom input[type=color]:focus-visible{outline:3px solid var(--lb-focus);outline-offset:2px}.lb-field{margin-bottom:.6rem}.lb-range{width:100%;min-height:44px;accent-color:var(--lb-accent)}.lb-check{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;font-size:.95rem;display:flex}.lb-check input{width:1.2rem;height:1.2rem;accent-color:var(--lb-accent);flex:none}.lb-share{border-top:1px solid var(--lb-line);margin-top:.8rem;padding-top:.9rem}.lb-btn{border:1px solid var(--lb-line);background:var(--lb-surface);min-width:44px;min-height:44px;color:var(--lb-fg);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.lb-btn:hover{border-color:var(--lb-muted)}.lb-btn:disabled{opacity:.5;cursor:not-allowed}.lb-btn.lb-primary{background:var(--lb-accent);border-color:var(--lb-accent);color:var(--lb-accent-ink)}.lb-icon{flex:none;width:44px;padding:0}.lb-root[data-theme=dark] .lb-icon-moon,.lb-root[data-theme=light] .lb-icon-sun{display:none}.lb-info{max-width:860px;margin-top:2rem}.lb-heading{margin:0 0 .75rem;font-size:1.2rem}.lb-list{margin:0;padding-left:1.25rem}.lb-list li{margin-bottom:.4rem}.lb-text-muted{color:var(--lb-muted);margin:0}.lb-cases{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.75rem;display:grid}.lb-case{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:12px;padding:.9rem 1rem}.lb-case h3{margin:0 0 .35rem;font-size:1rem}.lb-case p{color:var(--lb-muted);margin:0;font-size:.9rem}.lb-faq details{border:1px solid var(--lb-line);background:var(--lb-surface);border-radius:10px;margin-bottom:.5rem}.lb-faq summary{cursor:pointer;align-items:center;min-height:44px;padding:.7rem 1rem;font-weight:700;display:flex}.lb-faq p{color:var(--lb-muted);margin:0;padding:0 1rem .9rem}.lb-links{flex-wrap:wrap;gap:.5rem;display:flex}.lb-link{border:1px solid var(--lb-line);background:var(--lb-surface);min-height:44px;color:var(--lb-fg);border-radius:999px;align-items:center;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;display:inline-flex}.lb-link:hover{border-color:var(--lb-muted)}.lb-toast{box-sizing:border-box;background:var(--lb-fg);width:max-content;max-width:calc(100vw - 2rem);color:var(--lb-bg);opacity:0;pointer-events:none;z-index:2147483001;border-radius:10px;padding:.6rem 1.1rem;font-size:.9rem;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(12px)}.lb-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.lb-display{z-index:2147483000;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.lb-display:focus{outline:none}.lb-stage{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.lb-display-hint{top:max(.75rem, env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;width:max-content;max-width:calc(100% - 2rem);margin:0;transition:opacity .25s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lb-display-hint span{color:#fff;text-align:center;background:#000000c7;border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.lb-rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.lb-rotate-hint{display:block}}.lb-controls{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));background:#14161ce6;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;width:max-content;max-width:calc(100% - 1rem);padding:.45rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 24px #00000080}.lb-display[data-controls="0"] .lb-controls,.lb-display[data-controls="0"] .lb-display-hint{opacity:0;pointer-events:none}.lb-display[data-controls="0"] .lb-controls{transform:translate(-50%)translateY(12px)}.lb-cbtn{color:#fff;min-width:48px;min-height:48px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.9rem;font-weight:700;display:inline-flex}.lb-cbtn:hover{background:#ffffff29}.lb-cbtn:disabled,.lb-cbtn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.lb-cbtn:focus-visible{outline-offset:2px;outline:3px solid #fbbf24}.lb-cbtn[data-playing="1"] .lb-i-play,.lb-cbtn[data-playing="0"] .lb-i-pause{display:none}.lb-speed-ctl{align-items:center;gap:.3rem;display:inline-flex}.lb-speed-val{color:#fff;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:4.2em;font-size:.85rem}.lb-cbtn-text{text-align:center;display:inline-block}@media (width<=560px){.lb-cbtn svg+.lb-cbtn-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.lb-controls,.lb-display-hint,.lb-toast{transition:none}}.lb-root:lang(ja){word-break:auto-phrase}.lb-root:lang(zh) .lb-display-hint span{word-break:keep-all;overflow-wrap:anywhere}.lb-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}