.about-dialog-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-dialog{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;width:90vw;max-width:500px;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.about-dialog-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.about-dialog-header h1{color:#333;margin:0;font-size:24px;font-weight:500}.about-dialog-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0;font-family:inherit;font-size:18px;font-weight:400;line-height:1;transition:all .2s;display:flex}.about-dialog-close:hover{color:#333;background-color:#f0f0f0;transform:scale(1.1)}.about-dialog-content{max-height:calc(80vh - 120px);padding:16px 24px;line-height:1.6;overflow-y:auto}.about-dialog-content h2{color:#444;margin:24px 0 12px;font-size:18px;font-weight:500}.about-dialog-content p{color:#555;margin:0 0 12px}.about-dialog-content ul{margin:0 0 16px;padding-left:24px}.about-dialog-content li{color:#555;margin:8px 0}.about-dialog-footer{text-align:center;border-top:1px solid #e0e0e0;padding:12px 24px}.about-version{margin:0}.about-version small{color:#888;font-size:12px}.is-dark .about-dialog-overlay{background-color:#000000b3}.is-dark .about-dialog{background-color:#1a1a1a;border:1px solid #333;box-shadow:0 8px 32px #0006}.is-dark .about-dialog-header{border-bottom:1px solid #333}.is-dark .about-dialog-header h1{color:#fff}.is-dark .about-dialog-close{color:#ccc}.is-dark .about-dialog-close:hover{color:#fff;background-color:#2d2d2d}.is-dark .about-dialog-content h2{color:#e0e0e0}.is-dark .about-dialog-content p,.is-dark .about-dialog-content li{color:#ccc}.is-dark .about-dialog-footer{border-top:1px solid #333}.is-dark .about-version small{color:#888}@media (width<=600px){.about-dialog{width:95vw;max-width:none;max-height:85vh}.about-dialog-content{max-height:calc(85vh - 60px);padding:0 20px 20px}.about-dialog-content h1{font-size:24px}.about-dialog-content h2{font-size:16px}}.style-shell{--panel:#fafbfc;--ink:#202b33;--muted:#53616c;--line:#dce2e7;--tile:#edf0f3;--accent:#506877;--selected:#e6edf1;--selection-line:#afbec8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.is-dark .style-shell{--panel:#22292f;--ink:#f1f5f7;--muted:#b9c5ce;--line:#3f4c56;--tile:#303b44;--accent:#d0e1ed;--selected:#344550;--selection-line:#718a9b}.style-shell *,.style-shell :before,.style-shell :after{box-sizing:border-box}.style-shell button{font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:8px;min-height:44px;padding:0}.style-shell button:focus:not(:focus-visible){outline:none}.style-shell button:focus-visible,.style-shell summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.style-field{border:0;min-width:0;margin:0;padding:0}.field-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.style-shell .style-choice{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 6px;transition:border-color .15s,background .15s;display:flex;position:relative}.style-shell .style-choice:hover{background:var(--tile);border-color:#0000}.style-shell .style-choice[aria-pressed=true]{border-color:var(--selection-line);background:var(--selected)}.choice-label{text-align:center;font-size:12px;line-height:16px}.choice-check{color:var(--accent);visibility:hidden;font-size:11px;line-height:1;position:absolute;top:7px;right:7px}[aria-pressed=true]>.choice-check{visibility:visible}.choice-sample{display:block}.field-font .choice-grid{grid-template-columns:1fr}.style-shell .choice-font{align-items:flex-start;gap:4px;padding:10px 12px}.choice-font .choice-sample{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-right:12px;font-size:22px;line-height:1.2;overflow:hidden}.choice-font .choice-label{color:var(--muted);font-size:12px}.style-shell .choice-background{gap:5px;padding:4px 4px 6px}.choice-background .choice-sample{border:1px solid #00000018;border-radius:5px;width:100%;height:46px;position:relative;overflow:hidden}.style-choice[aria-pressed=true] .choice-label{color:var(--ink);font-weight:550}.choice-background .choice-check{color:#fff;background:#314b5c;border-radius:50%;padding:3px;top:7px;right:7px}.swatch-overlay{position:absolute;inset:0}.field-layout .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-layout .choice-sample{white-space:pre-line;align-items:center;height:44px;font:400 19px/1.05 Georgia,serif;display:flex}.choice-theme .choice-sample{font-size:24px;line-height:32px}.tools-content{flex-direction:column;gap:2px;display:flex}.style-shell .quiet-action{text-align:left;background:0 0;padding:0 10px;font-size:13px}.style-shell .quiet-action:hover,.style-shell .quiet-action[aria-pressed=true]{background:var(--tile);border-color:#0000}.diagnostics{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.diagnostics summary{cursor:pointer;min-height:44px;color:var(--muted);padding:14px 10px;font-size:12px}.diagnostics .quiet-action{width:100%}@media (prefers-reduced-motion:reduce){.style-shell button{transition:none}}.style-ribbon{z-index:1000;top:max(8px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:0 0;align-items:center;gap:2px;padding:0;display:flex;position:fixed}.ribbon-item{min-width:0}.style-shell .ribbon-trigger{isolation:isolate;min-width:44px;color:var(--ink);text-shadow:0 1px 3px color-mix(in srgb, var(--panel) 60%, transparent);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:500;display:flex;position:relative}.ribbon-trigger:before{content:"";z-index:-1;background:color-mix(in srgb, var(--panel) 94%, transparent);opacity:0;pointer-events:none;border-radius:6px;transition:opacity .12s;position:absolute;inset:5px 1px;box-shadow:0 1px 8px #18222c0c}.style-shell .ribbon-trigger:hover{border-color:#0000}.style-shell .ribbon-trigger[aria-expanded=true],.style-shell .ribbon-trigger:focus-visible{color:var(--ink)}.ribbon-trigger[aria-expanded=true]:before,.ribbon-trigger:focus-visible:before{opacity:1}@media (hover:hover) and (pointer:fine){.style-shell .ribbon-trigger:hover{color:var(--ink)}.ribbon-trigger:hover:before{opacity:1}}.ribbon-mark{text-align:center;min-width:18px;font-size:18px;line-height:1}.ribbon-swatch{border:1px solid #88888840;border-radius:50%;width:15px;min-width:15px;height:15px;display:block;position:relative;overflow:hidden}.style-shell .trigger-more{margin-left:2px;padding-inline:8px}.trigger-more .ribbon-mark{letter-spacing:1px;font-size:16px}.ribbon-popover{overscroll-behavior:contain;scrollbar-width:thin;width:304px;max-width:calc(100vw - 16px);color:var(--ink);background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--line) 85%, transparent);border-radius:12px;margin:0;padding:0;position:fixed;inset:auto;overflow:auto;box-shadow:0 8px 24px #17212b16}.is-dark .ribbon-popover{box-shadow:0 8px 24px #00000030}.ribbon-popover::backdrop{background:0 0}.ribbon-popover:popover-open{animation:.12s ease-out unfold}@keyframes unfold{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.popover-header{padding:12px 16px 4px}.popover-header h2{letter-spacing:0;color:var(--ink);margin:0;font-size:13px;font-weight:600;line-height:18px}.popover-content{padding:6px 10px 10px}.popover-more{width:240px}.popover-light,.popover-layout{width:280px}@media (width<=600px){.style-ribbon{right:max(8px, env(safe-area-inset-right));grid-template-columns:repeat(4,minmax(0,1fr)) 44px;gap:0;width:calc(100% - 16px);max-width:400px;display:grid}.style-shell .ribbon-trigger{gap:5px;width:100%;padding-inline:3px;font-size:11px}.ribbon-mark{font-size:17px}.style-shell .trigger-more{margin-left:0}}@media (prefers-reduced-motion:reduce){.ribbon-popover:popover-open{animation:none}.ribbon-trigger:before{transition:none}}.status-info{z-index:1000;color:#666;background-color:#f9f9f9e6;border:1px solid #e0e0e0;border-radius:10px;min-width:200px;padding:8px 12px;font-size:12px;position:fixed;top:8px;left:8px;box-shadow:0 4px 12px #0000001a}.is-dark .status-info{color:#888;background-color:#1a1a1ae6;border:1px solid #272727;box-shadow:0 4px 12px #0000004d}.info-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-family:monospace;font-size:11px}.is-dark .info-label{color:#888}.is-dark .info-value{color:#ccc}.big-text,.big-text-placeholder,.big-text-container{width:100%;height:100%}.big-text-placeholder{pointer-events:none;z-index:1;opacity:.3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.big-text-placeholder.is-active{display:flex}.big-text{white-space:pre-wrap;cursor:text;text-align:center;box-sizing:border-box;word-break:break-word;text-shadow:0 1px 2px #ffffff1a,0 2px 1px #ffffff0d;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:min(15vw,15vh);display:flex;overflow:auto}.big-text .is-dark{text-shadow:0 1px 4px #0000001a,0 2px 8px #0000000d}.big-text:focus{outline:none}.big-text span,.big-text div{min-width:100px;display:inline-block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#1a1a1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#747bff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{color:#1a1a1a;background:0 0;min-width:320px;min-height:100vh;margin:0;display:flex;position:relative}#root{z-index:1;flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.main-content{flex:1;display:flex;overflow:hidden}.font-sans-serif{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.font-serif{font-family:Georgia,Times New Roman,Times,serif}.font-monospace{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}#root{flex-direction:column;width:100%;height:100vh;margin:0;padding:0;display:flex}.card{padding:2em}button{cursor:pointer;background-color:#f9f9f9;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.is-dark{color:#ffffffde}.is-dark a{color:#646cff}.is-dark a:hover{color:#535bf2}.is-dark button{background-color:#1a1a1a}