:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#242b2c;background:#f6f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #245cf3;--ink: #242b2c;--muted: #828d7e;--border: #e3e7dc}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,pre:focus-visible{outline:3px solid #91b0ff;outline-offset:4px}.app-shell{max-width:1320px;padding:0 54px;margin:auto}.header{height:94px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px}.brand strong{font-size:24px;letter-spacing:-1.2px;font-weight:750}.brand-dot{color:var(--blue)}.brand-mark{width:32px;height:32px;color:#426fe6;transform:rotate(-8deg)}.header-label{font-size:10px;letter-spacing:1.5px;border-left:1px solid #d7ddcf;padding-left:28px;color:#8c9685}.header nav{margin-left:auto;display:flex;align-items:center;gap:24px}.header nav a{display:flex;align-items:center;gap:6px;font-size:12px}.header nav a:hover{color:var(--blue)}.version{font:10px ui-monospace,monospace;background:#edf0e7;border:1px solid #dfe5d5;border-radius:5px;padding:5px 8px;color:#849278}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 0 42px}.eyebrow{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;color:#83917b;font-weight:600;margin:0 0 19px}.live-dot{background:#8d9f81;border-radius:50%;width:6px;height:6px}h1{font-size:62px;line-height:1.05;font-weight:650;letter-spacing:-3.5px;margin:0}h1>span{color:var(--blue)}.intro-copy{font-size:14px;line-height:1.85;color:#6b7565;margin:19px 0 0}.intro-aside{width:340px;padding-top:33px}.mini-label{font:9px ui-monospace,monospace;letter-spacing:1.2px;color:#97a18c}.install{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:#fff;border:1px solid #dfe5d5;border-radius:7px;padding:15px 17px;margin-top:14px;text-align:left;font:12px ui-monospace,monospace;box-shadow:0 2px 4px #27302003}.install b{color:#b1baaa;font-weight:400;margin-right:11px}.install>svg{color:#95a187}.intro-aside p{font-size:12px;line-height:1.7;color:#9aa58f;margin:15px 0 0}.shield-icon{margin-right:8px}.indent{padding-left:19px}.workspace{background:#fff;border:1px solid #dbe1d2;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #1f351606}.workspace-top{min-height:68px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.workspace-title{display:flex;align-items:center;gap:10px}.workspace-title>svg{color:#809273}.workspace-title h2{margin:0;font-size:14px;letter-spacing:-.3px;font-weight:600}.small-badge{font-size:9px;font-weight:600;letter-spacing:.7px;color:#8a9a7a;background:#f0f4e9;border:1px solid #e3ead9;border-radius:4px;padding:4px 6px;margin-left:5px}.workspace-actions{display:flex;gap:22px;align-items:center}.text-button{display:flex;align-items:center;gap:7px;font-size:12px;color:#8d9c7f}.text-button:hover{color:var(--ink)}.button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:12px;font-weight:550;min-height:39px;padding:11px 16px;transition:background .15s}.primary{background:var(--blue);color:#fff;box-shadow:0 2px 3px #245cf31a}.primary:hover:not(:disabled){background:#124bdc}.compact{font-size:12px;padding:8px 11px;min-height:33px}.workspace-body{display:grid;grid-template-columns:268px minmax(0,1fr)}.settings{padding:25px 24px 22px;background:#fcfcf9;border-right:1px solid var(--border)}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.settings-heading h3{font-size:13px;font-weight:600;margin:0;letter-spacing:-.4px}.settings-heading>span{font:7px ui-monospace,monospace;letter-spacing:.5px;color:#a1ad95}.field-label{display:block;font-size:12px;font-weight:550;margin:0 0 8px}.settings input:not([type]){width:100%;min-width:0;background:#fff;border:1px solid #dfe5d5;border-radius:5px;padding:9px 10px;height:35px;font:12px ui-monospace,monospace}.input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #dfe5d5;border-radius:5px;padding-left:11px}.input-wrapper>span{color:#aebba2;font-size:12px}.input-wrapper input{border:0!important;height:33px!important}.input-wrapper:focus-within{outline:3px solid #91b0ff;outline-offset:2px}.input-wrapper input:focus{outline:0}.field-note{font-size:11px;color:#727d65;line-height:1.6;margin:7px 0 21px}.color-mode{border:0;padding:0;margin:0}.color-mode legend{padding:0;margin-bottom:10px}.mode-option{display:flex;align-items:flex-start;gap:9px;padding:11px 8px;margin-bottom:5px;border:1px solid transparent;border-radius:6px;cursor:pointer}.mode-option.chosen{background:#f0f3ff;border-color:#e3eaff}.mode-option input{margin:2px 0 0;width:13px;height:13px;accent-color:var(--blue);flex-shrink:0}.mode-option b{display:block;font-size:12px;font-weight:550}.mode-option small{display:block;font-size:10px;color:#727d65;line-height:1.5;margin-top:4px}.mode-option.chosen b{color:#315dcc}.toggle-row{display:flex;align-items:center;justify-content:space-between;position:relative;border-top:1px solid var(--border);padding-top:18px;margin-top:16px;cursor:pointer}.toggle-row b{display:block;font-size:12px;font-weight:550}.toggle-row small{display:block;font-size:10px;color:#727d65;margin-top:5px}.toggle-row input{position:absolute;right:0;width:31px;height:19px;opacity:0;cursor:pointer}.toggle-track{width:30px;height:17px;border-radius:12px;background:#d6dfca;pointer-events:none}.toggle-track:after{content:"";display:block;margin:2px;width:13px;height:13px;background:#fff;border-radius:50%;transition:transform .15s}.toggle-row input:checked+.toggle-track{background:var(--blue)}.toggle-row input:checked+.toggle-track:after{transform:translate(13px)}.toggle-row input:focus-visible+.toggle-track{outline:3px solid #91b0ff;outline-offset:3px}.safe-note{display:flex;gap:9px;margin-top:29px;font-size:11px;line-height:1.6;color:#6d795f}.safe-note>span{font-size:19px;color:#a0b18f}.safe-note p{margin:0}.stage{padding:25px 28px 17px;display:flex;flex-direction:column;min-width:0}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-label{font-size:10px;letter-spacing:1.2px;color:#93a185;font-weight:550;white-space:nowrap}.section-label>span{letter-spacing:0;background:#f0f4e9;color:#809371;border-radius:4px;padding:4px 6px;font:9px ui-monospace,monospace;margin-left:7px}.search{display:flex;align-items:center;gap:7px;width:160px;border:1px solid #e9eee1;border-radius:5px;padding:8px 9px;background:#fcfcf9;color:#9eae8e}.search input{border:0;background:none;outline:0;font-size:11px;min-width:0;width:100%;color:#56634b}.search input::placeholder{color:#a3af96}.search:focus-within{outline:3px solid #91b0ff;outline-offset:2px}.icon-canvas{position:relative;flex:1;min-height:310px;background-image:radial-gradient(#c4d1b55e .7px,transparent .7px);background-size:16px 16px}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.icon-card{min-width:0;position:relative;background:#fff;border:1px solid #e3e9dc;border-radius:7px;transition:border-color .15s,background .15s}.icon-card:hover{border-color:#b8c9a6}.icon-card.selected{background:#f6f8ff;border-color:#7ca1ff;box-shadow:0 0 0 2px #e7edff}.icon-select{color:var(--preview-color);min-height:108px;width:100%;padding:24px 6px 11px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px;overflow:hidden}.icon-select>span{display:block;font:9px ui-monospace,monospace;color:#758263;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-card.selected .icon-select>span{color:#5979c1}.remove-icon{position:absolute;right:5px;top:5px;width:19px;height:19px;display:flex;align-items:center;justify-content:center;color:#a2b190;border-radius:3px;opacity:0}.icon-card:hover .remove-icon,.icon-card:focus-within .remove-icon{opacity:1}.remove-icon:hover{color:#b2553e;background:#f5e9e5}.drop-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;width:100%;font-size:11px;color:#748064;padding:8px 2px;margin:16px 0 8px}.drop-hint b{font-weight:500;color:#617fc1}.drop-hint>svg{margin-right:4px}.drop-hint>span{font-size:10px;color:#b3bda8;margin-left:5px}.drop-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#f0f4fff2;border:2px dashed #75a0ff;border-radius:7px;color:var(--blue);pointer-events:none}.empty-state{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b1c29e}.empty-state h3{font-size:14px;color:#657456;margin:13px 0 7px}.empty-state p{font-size:12px;margin:0}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ebefe5;padding-top:16px;margin-top:9px}.preview-controls label{display:flex;align-items:center;gap:8px;color:#6b795a;font-size:11px}.color-swatch{position:relative;width:18px;height:18px;border:3px solid white;outline:1px solid #d8e1cd;border-radius:4px;overflow:hidden;cursor:pointer}.color-swatch input{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;width:30px;height:30px;opacity:0;cursor:pointer}.color-swatch:focus-within{outline:3px solid #91b0ff}.preview-controls code{font:9px ui-monospace,monospace;color:#6c7b5a}.size-control input{width:88px;height:3px;accent-color:var(--blue)}.preview-footnote{font-size:10px;color:#79856b;margin-top:12px}.preview-footnote code{font-size:10px}.workspace-status{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);background:#fcfcf9;padding:13px 24px;font-size:11px;color:#727d65}.workspace-status>div{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#8da879;flex-shrink:0}.status-dot.error{background:#c95e48}.workspace-status .error-status{color:#ad4636}.status-divider{margin:0 9px;color:#d2dbc5}.notice{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;line-height:1.6;background:#eef3e6;border:1px solid #d9e4cd;color:#5c7349;border-radius:7px;padding:12px 15px;margin-top:14px}.notice button{display:flex;padding:5px}.output-section{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:33px;margin-top:28px}.code-panel{min-width:0;background:#20282c;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.code-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354042;padding:0 20px;gap:10px}.tabs{display:flex;gap:22px}.tabs button{white-space:nowrap;padding:16px 0 13px;font-size:12px;color:#8b999a;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:#e4eeeb;border-color:#a8c497}.copy-code{display:flex;align-items:center;gap:6px;color:#9eadaa;font-size:11px;padding:7px 0 7px 7px}.code-panel pre{flex:1;min-height:216px;max-height:280px;overflow:auto;margin:0;padding:20px 23px;font-size:12px;line-height:1.85;-moz-tab-size:2;tab-size:2;color:#c4d4d9;scrollbar-width:thin;scrollbar-color:#5b6968 #20282c}.code-panel pre code{font-family:ui-monospace,Consolas,monospace}.code-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#81978a;padding:11px 20px;border-top:1px solid #354042}.code-dot{width:4px;height:4px;background:#91b180;border-radius:50%;flex-shrink:0}.export-panel{padding:11px 0 4px;min-width:0}.export-panel h2{font-size:27px;font-weight:550;letter-spacing:-1px;line-height:1.25;margin:14px 0 12px}.export-panel>p{font-size:12px;color:#6d795f;line-height:1.9;margin:0 0 22px}.export-button{justify-content:flex-start;width:100%;font-size:12px;min-height:43px}.export-button>svg:last-child{margin-left:auto}.download-single{display:flex;justify-content:center;gap:9px;width:100%;font-size:11px;color:#6c7b5a;padding:12px 8px}.download-single:hover:not(:disabled){color:var(--blue)}.export-file{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;font:9px ui-monospace,monospace;color:#a4b095}.export-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.how-it-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:12px;padding:40px 0 42px;border-bottom:1px solid var(--border)}.step-number{font:10px ui-monospace,monospace;color:#a4b693}.how-it-works h3{font-size:13px;font-weight:550;letter-spacing:-.3px;margin:11px 0 7px}.how-it-works p{font-size:12px;color:#6d795f;line-height:1.85;max-width:270px;margin:0}footer{display:flex;align-items:center;gap:24px;padding:25px 0 30px}.footer-brand strong{font-size:15px;letter-spacing:-.6px}.brand-mark.small{width:22px;height:22px}footer>p{font-size:11px;color:#a0af8d;margin:0}footer>a:last-child{margin-left:auto;font-size:11px;color:#94a580}footer>a:last-child span{margin-left:7px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.app-shell{padding:0 30px}.header-label{display:none}.header{height:82px}.intro-aside{width:315px}h1{font-size:53px}.workspace-body{grid-template-columns:235px minmax(0,1fr)}.settings{padding:24px 18px}.settings-heading>span{display:none}.stage{padding:24px 19px 17px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.icon-select{min-height:100px}.output-section{grid-template-columns:minmax(0,1fr) 265px;gap:24px}.drop-hint>span{width:100%;text-align:center;margin-top:4px}.how-it-works{gap:25px}}@media(max-width:720px){.app-shell{padding:0 18px}.header{height:73px}.brand strong{font-size:21px}.header nav{gap:15px}.header nav a{font-size:12px}.header nav a:first-child{display:none}.intro{display:block;padding:32px 0}.eyebrow{font-size:9px;margin-bottom:17px}h1{font-size:51px;letter-spacing:-2.7px}.intro-copy{font-size:13px;margin-top:15px}.intro-aside{width:100%;max-width:365px;padding-top:23px}.intro-aside>.mini-label{display:none}.install{margin-top:0;font-size:12px}.intro-aside p{font-size:11px;margin-top:12px}.workspace-top{padding:14px 15px;min-height:64px}.workspace-title{gap:7px}.workspace-title h2{font-size:12px}.small-badge{display:none}.workspace-actions{gap:11px}.text-button{font-size:0;gap:0;padding:9px 4px}.text-button>svg{width:16px;height:16px}.compact{font-size:11px}.workspace-body{display:flex;flex-direction:column-reverse}.settings{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border-top:1px solid var(--border);border-right:0;padding:22px 17px}.settings-heading{grid-column:1/-1;margin-bottom:19px}.settings-heading>span{display:block}.settings>.field-label,.settings>.input-wrapper,.settings>input,.settings>.field-note{grid-column:1/-1}.color-mode{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mode-option{margin:0;padding:10px 5px;gap:5px}.mode-option input{width:11px;height:11px}.mode-option b{font-size:10px;line-height:1.5}.mode-option small{display:none}.toggle-row{grid-column:1/-1;margin-top:18px;padding-top:16px}.safe-note{grid-column:1/-1;margin-top:19px}.safe-note br{display:none}.stage{padding:20px 15px 16px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.icon-select{min-height:96px;padding:22px 4px 10px}.icon-select>span{font-size:9px}.remove-icon{opacity:1;color:#b5c1a7}.search{width:145px}.preview-controls{gap:10px}.preview-controls label{font-size:10px;gap:6px}.size-control input{width:60px}.preview-controls code{font-size:9px}.preview-footnote{font-size:9px;line-height:1.6}.workspace-status{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}.workspace-status>span{padding-left:13px}.output-section{display:flex;flex-direction:column;gap:22px;margin-top:24px}.code-toolbar{padding:0 13px}.tabs{gap:15px}.tabs button{font-size:11px}.copy-code{font-size:10px}.code-panel pre{font-size:11px;padding:19px 15px}.code-caption{font-size:9px;padding:11px 14px}.export-panel{padding:5px 0 14px}.export-panel h2{font-size:27px}.export-panel h2 br,.desktop-break{display:none}.export-panel>p{font-size:12px}.export-button{min-height:45px}.how-it-works{grid-template-columns:1fr;gap:26px;padding:28px 0 32px;margin-top:0}.how-it-works>div{position:relative;padding-left:32px}.step-number{position:absolute;left:0;top:4px}.how-it-works h3{margin-top:0;font-size:14px}.how-it-works p{max-width:100%;font-size:12px}footer{flex-wrap:wrap;gap:9px 17px;padding:24px 0}footer>p,footer>a:last-child{font-size:10px}.footer-brand strong{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.icon-canvas{max-height:490px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbe3d1 transparent}.icon-grid{padding:2px}.icon-select>svg{overflow:visible}@media(max-width:720px){.icon-canvas{max-height:520px}.icon-select>span{font-size:9px}}.icon-inspector{border-top:1px solid #e1e5db;padding:24px 28px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.inspector-heading h3{margin:7px 0 0;font-size:20px;overflow-wrap:anywhere}.inspector-reset,.palette-copy{border:0;background:none;color:#245cf3;cursor:pointer;font:inherit;font-size:12px}.inspector-body{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.3fr);gap:24px}.selected-preview{min-height:240px;border:1px solid #e1e5db;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;overflow:hidden;background-color:#fff;background-image:radial-gradient(#dfe3d9 1px,transparent 1px);background-size:14px 14px}.single-inspector .selected-preview{min-height:360px}.selected-artwork{width:100%;height:180px;display:flex;align-items:center;justify-content:center}.single-inspector .selected-artwork{height:280px}.selected-artwork svg{width:auto;height:auto;min-width:100px;min-height:100px;max-width:100%;max-height:100%;overflow:visible}.selected-preview small{text-align:center;font-size:10px;color:#73816f}.palette-editor{min-width:0}.palette-editor h4{margin:0 0 8px;font-size:14px}.palette-editor p{font-size:12px;line-height:1.6;color:#73816f;margin:8px 0 15px}.variable-row{display:flex;align-items:center;gap:8px;margin:12px 0}.variable-picker{display:flex;align-items:center;gap:10px;min-width:0;flex:1;cursor:pointer}.variable-picker input{width:36px;height:36px;padding:2px;flex-shrink:0;cursor:pointer;border:1px solid #e1e5db;border-radius:7px;background:#fff}.variable-picker span{min-width:0}.variable-picker b{display:block;font-size:11px;text-transform:capitalize;margin-bottom:4px}.variable-picker code{display:block;font-size:10px;overflow-wrap:anywhere}.variable-value{width:82px;min-width:0;padding:7px;font-size:11px;font-family:monospace;border:1px solid #e1e5db;border-radius:5px;background:#fff}.palette-copy{text-align:left;padding:6px 0 14px}.inspector-control{display:grid;grid-template-columns:88px minmax(35px,1fr) 44px;align-items:center;gap:8px;font-size:11px;margin-top:16px}.inspector-control input{width:100%;accent-color:#245cf3}.inspector-control output{text-align:right;font-size:10px}.palette-all{display:flex;align-items:start;gap:8px;font-size:11px;line-height:1.5;margin-bottom:20px}.palette-all input{accent-color:#245cf3}.size-number{width:74px;padding:5px;border:1px solid #dfe3d9;border-radius:5px}.tabs{flex-wrap:wrap}@media(max-width:1000px){.inspector-body{grid-template-columns:minmax(0,1fr)}.selected-preview{min-height:220px}}@media(max-width:720px){.icon-inspector{padding:20px 16px}.single-inspector .selected-preview{min-height:300px}.preview-controls{flex-wrap:wrap;gap:16px}.code-toolbar{flex-wrap:wrap;gap:8px}.size-control{max-width:100%}}.single-gallery{max-height:220px;border-top:1px solid #e1e5db}.single-gallery .icon-select{min-height:72px}.usage-guide{border:1px solid #e1e5db;border-radius:12px;background:#fff;padding:24px 28px;margin:28px 0 18px}.usage-guide h3{font-size:17px;margin:0 0 14px}.usage-guide ol{padding-left:20px;margin:0;display:grid;gap:12px;font-size:13px;line-height:1.7}.usage-guide p{font-size:12px;line-height:1.8;color:#697761;margin:15px 0 0}.usage-guide code{font-size:11px;background:#f2f4ee;padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}.usage-guide .palette-copy{margin-top:14px;padding-bottom:0}@media(max-width:720px){.usage-guide{padding:20px 16px}}.theme-toggle{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.theme-toggle button{border:1px solid #dbe3d1;background:#fff;border-radius:6px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.theme-toggle button[aria-pressed=true]{background:#245cf3;border-color:#245cf3;color:#fff}.variable-row{flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #e1e5db}.dark-variable-row{display:flex;width:100%;gap:8px;align-items:center;padding-top:8px}.theme-foreground{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:14px}.theme-foreground input{width:36px;height:30px;border:1px solid #e1e5db;background:#fff}.theme-preview{--preview-ink: #242b2c;--preview-muted: #586653;--preview-surface: #fff;--preview-border: #c4cdbe;--preview-active: #d9e5ff;--preview-active-ink: #1742ba;color-scheme:light}.theme-preview.dark{--preview-ink: #e5e9f2;--preview-muted: #a9b6cc;--preview-surface: #222d3e;--preview-border: #64748b;--preview-active: #344c77;--preview-active-ink: #d6e6ff;color-scheme:dark;background-color:#0f172a;background-image:radial-gradient(#334155 1px,transparent 1px);border-color:#334155}.theme-preview small{color:var(--preview-muted)}.theme-preview .selected-artwork>svg{color:inherit}.theme-guide a{color:#245cf3}.fill-animation{border-top:1px solid #e1e5db;margin-top:22px;padding-top:20px}.animation-enable{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.animation-enable input,.fill-animation input[type=range]{accent-color:#245cf3}.fill-animation p{color:#697761;font-size:12px;line-height:1.7;margin:12px 0}.animation-controls{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.animation-controls label{display:flex;flex-direction:column;gap:6px;flex:1 1 120px;min-width:0;font-size:11px}.animation-controls input,.animation-controls select{max-width:100%;min-width:0;padding:7px;border:1px solid #dfe3d9;border-radius:5px;background:#fff}.animation-controls input[type=range]{padding:0}.animation-tracks fieldset{margin:12px 0;padding:12px;border:1px solid #dfe3d9;border-radius:7px;min-width:0}.animation-tracks legend{font-size:12px;text-transform:capitalize;padding:0 5px}.animation-tracks code{font-size:10px;overflow-wrap:anywhere}.animation-playback{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px}.animation-playback label{flex:1 1 180px;font-size:12px}.animation-playback input{display:block;width:100%;margin-top:10px}.animation-status{font-size:11px;color:#697761;margin-top:12px}.fill-animation summary{cursor:pointer;color:#245cf3;font-size:12px}.fill-animation pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;background:#f2f4ee;padding:16px;border-radius:7px}.inspector-body{align-items:start}.inspector-controls{min-width:0;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}.inspector-tabs{display:flex;gap:6px;position:sticky;top:0;z-index:4;background:#fff;padding-bottom:12px}.inspector-tabs button{flex:1;min-width:0;border:1px solid #dfe3d9;border-radius:6px;padding:10px 8px;font:inherit;font-size:12px;background:#fff;cursor:pointer}.inspector-tabs button[aria-selected=true]{color:#245cf3;border-color:#245cf3;background:#f0f3ff}.inspector-panel[hidden]{display:none}.inspector-controls .fill-animation{margin:0;padding:0;border:0}.inspector-controls .animation-playback{position:sticky;top:52px;z-index:3;background:#fff;padding:12px 0;margin-top:8px;border-bottom:1px solid #e1e5db}.inspector-controls .animation-playback .button{padding:8px 12px;font-size:12px}.inspector-controls .animation-playback label{flex-basis:160px}.inspector-controls .animation-enable{margin:4px 0 8px}.inspector-body>.selected-preview{align-self:start;position:sticky;top:16px;width:100%}@media(min-width:721px){.inspector-body{grid-template-columns:minmax(180px,1fr) minmax(0,1.3fr)}}@media(max-width:720px){.inspector-body{gap:12px}.inspector-body>.selected-preview,.single-inspector .inspector-body>.selected-preview{min-height:200px;height:200px;padding:14px;top:8px;z-index:5}.inspector-body .selected-artwork,.single-inspector .inspector-body .selected-artwork{height:130px}.inspector-controls{max-height:calc(100dvh - 270px);padding-right:2px}.inspector-tabs{padding-bottom:8px}.inspector-controls .animation-playback{top:48px;gap:8px}}.inspector-body .selected-artwork>svg{width:100%;height:100%;min-width:0;min-height:0}.animation-playback .animation-export-action{flex:1 1 100%;justify-content:center}.animation-export-entry{margin:18px 0;padding-bottom:16px;border-bottom:1px solid #dfe3d9}.animation-export-entry .button{width:100%;justify-content:center}.animation-export-entry p{margin:10px 0 0;font-size:12px;line-height:1.6}html[data-page-theme=dark]{color-scheme:dark;color:#e5e9f2;background:#11151d;--ink: #e5e9f2;--blue: #87a8ff;--muted: #a3afc4;--border: #323c4e}.page-theme-toggle{border:1px solid var(--border);border-radius:20px;padding:8px 12px;white-space:nowrap;font-size:12px}.intro-promise{padding-top:0}.intro-promise p{font-size:14px;line-height:1.8}.intro-promise .button{width:fit-content}.featured-samples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sample-choice{padding:9px 15px;border-radius:30px;border:1px solid var(--border);font-size:12px}.sample-choice[aria-pressed=true]{color:#245cf3;border-color:#245cf3;background:#edf2ff}.icon-library{margin-top:20px;border:1px solid var(--border);border-radius:8px;padding:14px}.icon-library summary{cursor:pointer;font-size:12px;font-weight:600}.icon-library[open] summary{margin-bottom:20px}.icon-library .icon-canvas{min-height:160px}.support-note{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:22px;position:relative;border:2px solid #e9b768;border-radius:14px;padding:28px 30px;margin:32px 0;background:linear-gradient(115deg,#fff3d8,#fff9ed 60%,#eef3ff);box-shadow:0 8px 30px #b57d2020}.support-note:before,.support-note:after{content:"";position:absolute;width:72px;height:18px;background:repeating-linear-gradient(85deg,#3269f0e8 0,#3269f0e8 12px,#245cf3e8 12px,#245cf3e8 24px);border-inline:1px dashed #c4d5ff88;pointer-events:none}.support-note:before{left:26px;top:-10px;transform:rotate(-7deg)}.support-note:after{right:26px;bottom:-9px;width:56px;transform:rotate(5deg)}.support-cup{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#fff9e9;color:#8a5107;border:1px solid #e9bf7e}.support-kicker{display:block;margin-bottom:7px;color:#8a5107;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.support-note h3{margin:0 0 8px;font-size:clamp(20px,2vw,25px);color:#292c39;letter-spacing:-.025em}.support-note p{margin:0;max-width:65ch;font-size:13px;line-height:1.6;color:#555568}.support-note .support-coffee{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;background:#ffd17a;color:#292719;border:1px solid #dc9c30;box-shadow:0 4px #b47c2633;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .15s,box-shadow .15s}.support-note .support-coffee:hover{transform:translateY(-2px);box-shadow:0 6px #b47c2633;background:#ffdc9a}html[data-page-theme=dark] .support-note{background:linear-gradient(115deg,#30291e,#242738 65%,#1d2d4a);border-color:#a27c43;box-shadow:0 8px 35px #0003}html[data-page-theme=dark] .support-note h3{color:#fff1d3}html[data-page-theme=dark] .support-note p{color:#c7cddd}html[data-page-theme=dark] .support-kicker{color:#f0c477}html[data-page-theme=dark] .support-cup{background:#40331f;color:#ffd17a;border-color:#8b6b3b}@media(max-width:720px){.support-note{grid-template-columns:46px minmax(0,1fr);padding:22px 16px;gap:14px}.support-cup{width:46px;height:52px;border-radius:12px}.support-note .support-coffee{grid-column:1 / -1;width:100%;margin-top:4px}.support-kicker{font-size:9px;letter-spacing:.09em}}@media(prefers-reduced-motion:reduce){.support-note .support-coffee{transition:none}}.developer-setup .install{max-width:360px}html[data-page-theme=dark] :is(.workspace,.settings,.stage,.workspace-top,.workspace-status,.icon-card,.search,.mode-option,.variable-value,.theme-toggle,.inspector-tabs,.animation-playback,.animation-track,.animation-enable,.usage-guide,.theme-guide,.safe-note,.notice,.version,.small-badge,.export-file,.animation-export-entry){background-color:#191f2b;border-color:#323c4e}html[data-page-theme=dark] :is(.icon-inspector,.icon-library,.theme-guide){border-color:#323c4e}html[data-page-theme=dark] :is(.field-note,.intro-copy,.intro-aside p,.mini-label,.eyebrow,.header-label,.section-label,.mode-option small,.toggle-row small,.safe-note,.palette-editor p,.preview-footnote,.theme-help,.theme-foreground,.animation-help,.animation-track small,.usage-guide p,.usage-guide li,.export-panel p,.how-it-works p,.support-note p,.code-caption,footer p,footer>a,.text-button,.preview-controls,.workspace-status,.drop-hint,.size-control,.color-control,.search input,.search input::placeholder,.inspector-control,.variable-picker b,.fill-animation p,.fill-animation label,.animation-export-entry p){color:#a9b6cc}html[data-page-theme=dark] :is(h1,h2,h3,h4,.field-label,.mode-option b,.variable-picker code,.preview-controls code,.usage-guide b){color:#e5e9f2}html[data-page-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.input-wrapper,.install,.secondary,.inspector-tabs button,.sample-choice,.theme-toggle button){color:#d8e2f5;background:#222c3c;border-color:#3a4961}html[data-page-theme=dark] :is(.mode-option.chosen,.icon-card.selected,.sample-choice[aria-pressed=true],.theme-toggle button[aria-pressed=true],.inspector-tabs button[aria-selected=true]){background:#273a60;color:#bdcfff;border-color:#87a8ff}html[data-page-theme=dark] :is(.primary){background:#426fe6;color:#fff}html[data-page-theme=dark] :is(.inspector-reset,.palette-copy,.usage-guide a,.download-single:hover,.mode-option.chosen b){color:#9ab7ff}html[data-page-theme=dark] .icon-canvas{background-image:radial-gradient(#42516a66 .7px,transparent .7px)}html[data-page-theme=dark] .stage-toolbar .section-label>span{background:#28364c;color:#b6c8e5}html[data-page-theme=dark] .brand-mark{color:#87a8ff}html[data-page-theme=light]{color-scheme:light}@media(max-width:760px){.stage{order:-1}.intro{padding-block:28px}.intro-aside{width:auto}.intro-promise{display:none}.support-note{align-items:flex-start;flex-direction:column;gap:16px}.header nav{gap:10px}.header nav a:first-of-type{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html[data-page-theme=dark] :is(.animation-controls select,.fill-animation pre,.usage-guide code,.preview-footnote code){background:#253146;color:#d9e5fa;border-color:#3a4961}html[data-page-theme=dark] :is(.animation-tracks fieldset,.fill-animation details){border-color:#3a4961}html[data-page-theme=dark] :is(.download-single,.animation-status,.fill-animation summary,.code-caption,.code-caption span,.export-file span,.size-control){color:#b2c1d9}@media(max-width:760px){.workspace-body{flex-direction:column}.stage{order:0}.settings{order:1}}@media(max-width:420px){.header .version{display:none}.header{gap:12px}.header nav{gap:8px}.brand strong{font-size:21px}}.animation-integration{margin:16px 0}.animation-integration p,.animation-integration li{font-size:13px;line-height:1.6}.animation-integration li+li{margin-top:8px}.animation-integration textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;font:inherit;resize:vertical}.animation-paint-label{display:flex;align-items:center;gap:8px;min-width:0}.animation-color-dot{display:inline-block;width:12px;height:12px;flex:0 0 12px;border:1px solid var(--border);border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.region-mode-toggle{display:flex;align-items:center;gap:8px;margin:20px 0 12px;font-size:13px}.region-mode-toggle input{accent-color:var(--blue)}.region-origin-controls{border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:16px}.region-origin-controls>label{display:flex;flex-direction:column;gap:8px;font-size:12px}.region-origin-controls select{width:100%;min-width:0;padding:8px;font:inherit;border:1px solid var(--border);border-radius:5px}.region-origin-controls .palette-copy{display:block;margin-top:12px;text-align:left}.region-origin-overlay{position:absolute;z-index:6;cursor:crosshair;touch-action:manipulation}html[data-page-theme=dark] .region-origin-controls select{background:#253146;color:#d9e5fa}.region-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.region-editor-popover{position:fixed;z-index:100;width:min(304px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:#242b2c;box-shadow:0 12px 40px #0005}.region-editor-popover header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.region-editor-popover h3{margin:0;font-size:14px}.region-editor-popover header button{font-size:22px;min-width:32px;height:32px;border-radius:6px}.region-editor-popover code{font-size:10px;overflow-wrap:anywhere}.region-editor-coordinates,.region-editor-timing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.region-editor-timing{grid-template-columns:repeat(3,minmax(0,1fr))}.region-editor-popover label{display:flex;flex-direction:column;gap:5px;font-size:10px}.region-editor-popover input{display:block;width:100%;min-width:0;font-size:12px;padding:7px;border:1px solid var(--border);border-radius:5px}.region-editor-popover p{font-size:11px;line-height:1.6;margin:10px 0}.region-editor-popover .button{width:100%}.region-editor-resets{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px}.region-editor-resets button{font-size:11px;color:#245cf3;padding:4px 0}html[data-page-theme=dark] .region-editor-popover{background:#191f2b;color:#d9e5fa;border-color:#3a4961}html[data-page-theme=dark] .region-editor-resets button{color:#9ab7ff}.draft-status{margin:-12px 0 16px;color:#697761;font-size:11px;line-height:1.6}html[data-page-theme=dark] .draft-status{color:#a9b6cc}.draft-status[data-draft-status=unavailable]{color:#b85f28}.draft-loading{margin:40px;font:14px system-ui}.app-shell{max-width:none;padding-inline:16px}.header,.intro,.draft-status,.output-section,.usage-guide,.support-note,.how-it-works,.app-shell>footer{max-width:1280px;margin-inline:auto}.workspace{width:100%}.editor-viewbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.editor-viewbar button{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:11px}.editor-viewbar button[aria-expanded=true],.editor-viewbar button[aria-pressed=true]{color:var(--blue);background:#edf2ff}.desktop-panel-buttons,.mobile-panel-buttons{display:flex;gap:8px}.mobile-panel-buttons,.mobile-sheet-heading,.mobile-sheet-close{display:none}.panel-separator{width:8px;align-self:stretch;cursor:col-resize;touch-action:none;display:flex;justify-content:center;position:relative;z-index:7;border-inline:1px solid var(--border)}.panel-separator span{width:2px;height:40px;border-radius:2px;background:#91a0b7;position:sticky;top:45vh;margin-block:24px}.panel-separator:hover,.panel-separator[data-dragging]{background:#cbd9ff}.panel-separator:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.workspace .stage{padding:14px 12px}.workspace .icon-inspector{padding:0;border-top:0}.workspace .inspector-heading{margin-bottom:12px}.workspace .selected-preview{position:relative;top:auto;height:clamp(300px,calc(100dvh - 280px),640px);min-height:300px;padding:16px;gap:12px}.workspace .selected-artwork{height:auto;flex:1;min-height:0;width:100%}.preview-column{position:sticky;top:12px;align-self:start;min-width:0}#animation-timeline-slot .animation-playback{margin:10px 0 0;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;gap:8px}#animation-timeline-slot .animation-playback label{flex:1 1 140px;font-size:11px}#animation-timeline-slot .animation-playback .button{font-size:11px;padding:8px 10px}.animation-export-tools>.button{width:100%}.animation-integration{margin-top:12px;font-size:12px;line-height:1.7}.animation-integration>summary{cursor:pointer;padding-block:8px}.animation-integration .button{margin-top:12px}.animation-integration textarea{width:100%;min-width:0;font:11px/1.6 ui-monospace,monospace;border:1px solid var(--border);border-radius:6px;padding:10px}.animation-export-tools p{font-size:11px;line-height:1.6}html[data-page-theme=dark] :is(#animation-timeline-slot .animation-playback,.mobile-sheet-heading){background:#191f2b;color:#d9e5fa}html[data-page-theme=dark] .editor-viewbar button[aria-expanded=true],html[data-page-theme=dark] .editor-viewbar button[aria-pressed=true],html[data-page-theme=dark] .panel-separator:hover,html[data-page-theme=dark] .panel-separator[data-dragging]{background:#273a60}@media(min-width:1001px){.workspace-body{display:grid;grid-template-columns:var(--package-width) 8px minmax(0,1fr)}.workspace .settings{padding:20px 16px;min-width:0}.workspace .inspector-body{display:grid;grid-template-columns:minmax(240px,1fr) 8px var(--inspector-width);gap:0}.workspace .inspector-controls{padding-left:14px;max-height:calc(100dvh - 150px)}.preview-column{padding-right:12px}[data-package-collapsed=true] .workspace-body{grid-template-columns:minmax(0,1fr)}[data-package-collapsed=true] .settings,[data-package-collapsed=true] .workspace-body>.panel-separator{display:none}[data-inspector-collapsed=true] .inspector-body{grid-template-columns:minmax(0,1fr)}[data-inspector-collapsed=true] .inspector-controls,[data-inspector-collapsed=true] .inspector-body>.panel-separator{display:none}}.editor-focus .workspace{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border-radius:0;margin:0;display:flex;flex-direction:column;background:#fff}html[data-page-theme=dark] .editor-focus .workspace{background:#191f2b}.editor-focus .workspace-body{flex:1;min-height:0;overflow:hidden}.editor-focus .stage,.editor-focus .settings{overflow-y:auto}.editor-focus .workspace-top,.editor-focus .editor-viewbar,.editor-focus .workspace-status{flex-shrink:0}@media(max-width:1000px){.app-shell{padding-inline:8px}.workspace .stage{padding:10px 8px}.workspace-body,.workspace .inspector-body{display:block}.panel-separator,.desktop-panel-buttons{display:none}.mobile-panel-buttons{display:flex}.editor-viewbar{padding:8px;gap:6px}.editor-viewbar button{padding:8px;font-size:11px}.workspace .settings,.workspace .inspector-controls{display:none;position:fixed;inset:auto 8px 8px;width:auto;max-height:calc(100dvh - 330px);overflow-y:auto;z-index:50;padding:0 14px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 -12px 40px #0003}.workspace .settings{grid-template-columns:none}[data-mobile-panel=package] .settings,[data-mobile-panel=controls] .inspector-controls{display:block}.workspace .settings-heading{position:sticky;top:0;z-index:8;padding:14px 0;margin:0 0 12px;background:inherit}.workspace .settings-heading>span{display:none}.mobile-sheet-close{display:block;font-size:24px;min-width:36px}.mobile-sheet-heading{display:flex;position:sticky;top:0;z-index:8;align-items:center;justify-content:space-between;background:#fff;padding:10px 0;font-size:13px}.mobile-sheet-heading button{min-width:36px;height:30px;font-size:24px}.workspace .inspector-tabs{top:50px}.preview-column{position:relative;top:auto;padding:0}.workspace .selected-preview{height:min(60dvh,480px);min-height:260px;padding:14px}[data-mobile-panel=controls] .selected-preview,[data-mobile-panel=package] .selected-preview{height:200px;min-height:200px}.workspace .selected-artwork{height:auto;min-height:0}.workspace .inspector-heading h3{font-size:18px}html[data-page-theme=dark] .workspace .settings,html[data-page-theme=dark] .workspace .inspector-controls{background:#191f2b}.editor-focus[data-mobile-panel=controls] .workspace-top,.editor-focus[data-mobile-panel=controls] .editor-viewbar,.editor-focus[data-mobile-panel=package] .workspace-top,.editor-focus[data-mobile-panel=package] .editor-viewbar{display:none}}@media(max-width:720px){.region-editor-popover{left:8px!important;right:8px;top:auto!important;bottom:8px;width:auto;max-height:calc(100dvh - 300px);border-radius:14px}}@media(max-height:560px)and (max-width:1000px){.workspace .settings,.workspace .inspector-controls,.region-editor-popover{max-height:calc(100dvh - 24px)}}.workspace{overflow:visible}.workspace-top{border-radius:12px 12px 0 0}.workspace-status{border-radius:0 0 12px 12px}.editor-viewbar{position:sticky;top:0;z-index:20;background:#fff}html[data-page-theme=dark] .editor-viewbar{background:#191f2b}.preview-column{top:58px;scroll-margin-top:60px}.workspace .icon-inspector{scroll-margin-top:60px}@media(max-width:1000px){.editor-focus-toggle,.reset-editor-layout{display:none}.editor-focus .editor-focus-toggle{display:block}.editor-viewbar{flex-wrap:nowrap}.mobile-panel-buttons{gap:4px}.editor-viewbar button{padding:8px 6px;font-size:10px}.preview-column{top:auto;scroll-margin-top:50px}.workspace .icon-inspector{scroll-margin-top:50px}[data-mobile-panel=controls] .selected-preview,[data-mobile-panel=package] .selected-preview{height:190px;min-height:190px}}.canvas-tools{color:var(--preview-ink);display:flex;align-items:center;gap:5px;width:100%;flex-shrink:0;font-size:11px}.canvas-tools button{color:var(--preview-ink);padding:5px 8px;border:1px solid var(--preview-border);border-radius:5px;background:var(--preview-surface);min-height:30px}.canvas-tools button[aria-pressed=true]{background:var(--preview-active);color:var(--preview-active-ink)}.canvas-tools button:disabled{opacity:.4;cursor:default}.canvas-tools output{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.canvas-zoom-help{margin-left:auto;color:var(--preview-muted);font-size:10px}.preview-viewport{flex:1;min-height:0;width:100%;overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-width:thin}.preview-plane{position:relative;min-width:100%;min-height:100%}.workspace .preview-plane>.selected-artwork{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.preview-viewport[data-pan]{cursor:grab}.preview-viewport[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.preview-viewport[data-pan] :is(svg,.region-origin-overlay){cursor:inherit!important}.preview-viewport:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}@media(max-width:720px){.canvas-zoom-help{display:none}.workspace .selected-preview{gap:6px;padding:8px}.canvas-tools{gap:4px}.canvas-tools button{padding:4px 7px}}.animation-help-entry{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:10px;border:1px solid var(--border);border-radius:7px;font-size:12px}.animation-help-entry .palette-copy{margin:0}.animation-tour{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.animation-tour-highlight{position:fixed;border:3px solid #ffb64d;border-radius:8px;box-shadow:0 0 0 2px #1b2538,0 0 0 5px #ffb64d44}.animation-tour-popover{position:fixed;pointer-events:auto;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:16px;background:#fff;color:#253047;border:1px solid #c4cfdf;border-radius:12px;box-shadow:0 12px 48px #0005;font:13px/1.55 Inter,system-ui,sans-serif}.animation-tour-popover header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#5b6780}.animation-tour-popover header button{font-size:24px;line-height:1;padding:0 4px}.animation-tour-popover h3{font-size:16px;margin:8px 0}.animation-tour-popover p{margin:8px 0}.animation-tour-popover .tour-hint{font-weight:600}.animation-tour-popover .tour-focus{font-size:11px;text-decoration:underline;padding:4px 0}.animation-tour-popover footer{padding:0;flex-wrap:nowrap;display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.animation-tour-popover footer button{padding:7px 10px;border:1px solid #c4cfdf;border-radius:5px;font-size:12px}.animation-tour-popover footer button:first-child{margin-right:auto}.animation-tour-popover .tour-next{background:#245cf3;color:#fff;border-color:#245cf3}html[data-page-theme=dark] .animation-tour-popover{background:#222d3e;color:#e5e9f2;border-color:#4a5b76}html[data-page-theme=dark] .animation-tour-popover header{color:#b2c3dd}@media(max-width:720px){.animation-tour-popover{font-size:12px;padding:12px}.animation-tour-popover h3{font-size:14px}}.animation-tour-pointer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.animation-tour-popover .tour-branch{display:block;width:100%;padding:9px 12px;margin:12px 0 4px;border:1px solid #bb851e;border-radius:6px;background:#fff0cb;color:#5d410f;font-weight:700;text-align:left}html[data-page-theme=dark] .animation-tour-popover .tour-branch{background:#42351d;border-color:#b58d45;color:#ffe2a6}.region-origin-controls .region-size-note{padding:8px 10px;border-left:2px solid #c29143;font-size:11px}.current-color-controls{min-width:0;margin:20px 0;padding:12px;border:1px solid var(--border);border-radius:8px}.current-color-controls legend{font-weight:600;font-size:13px}.current-color-controls .theme-foreground{flex-wrap:wrap}.current-color-controls code{font-size:10px}