.liquid-root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:13px;--text-xs: 11px;--text-xs--line-height: normal;--lg-radius-sm: calc(var(--radius) - 4px);--lg-radius-md: calc(var(--radius) - 2px);--lg-radius-lg: var(--radius);--lg-radius-xl: calc(var(--radius) + 4px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100dvh;overflow:hidden;background:#171719;color:#ebebf5}.liquid-root ::-webkit-scrollbar{width:6px;height:6px}.liquid-root ::-webkit-scrollbar-track{background:transparent}.liquid-root ::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.liquid-root ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.liquid-root input[type=range]{-webkit-appearance:none;appearance:none}.liquid-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid #0a84ff;box-shadow:0 1px 2px #00000059}.liquid-root input[type=number]::-webkit-inner-spin-button,.liquid-root input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.liquid-root input[type=number]{-moz-appearance:textfield}.liquid-root option{background:#1c1c1e;color:#ebebf5}.liquid-root input[type=color]{-webkit-appearance:none;border:none;padding:0;border-radius:3px;cursor:pointer}.liquid-root input[type=color]::-webkit-color-swatch-wrapper{padding:0}.liquid-root input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.1);border-radius:3px}.liquid-root ::selection{background:#0a84ff4d}.liquid-root :focus-visible{outline:2px solid #0a84ff;outline-offset:1px}.liquid-root button:not(:disabled),.liquid-root [role=button]:not(:disabled){cursor:pointer}.glass-panel{background:#1c1c1ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.glass-settings{color:#f2f2f7}.glass-setting-group{background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:var(--lg-radius-lg);overflow:hidden;box-shadow:none}.glass-setting-row{padding:7px 12px}.glass-setting-row+.glass-setting-row{border-top:1px solid rgba(255,255,255,.06)}.glass-setting-caption{color:#a1a1aa;font-size:11px;line-height:1.5}.glass-segments{display:flex;gap:3px;padding:3px;border-radius:var(--lg-radius-lg);background:#242428}.glass-segments button{flex:1;min-width:0;min-height:28px;padding:4px 6px;border-radius:var(--lg-radius-md);font-size:11px;font-weight:500;color:#b6b6bf}.glass-segments button[aria-pressed=true]{background:#48484e;color:#fff;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1f}.glass-advanced-header{display:flex;align-items:center;gap:10px}.glass-reset{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#28282d;color:#64a8ff}.glass-reset:disabled{opacity:.35}.glass-group-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 12px;list-style:none;cursor:pointer;font-size:12px;font-weight:600}.glass-group-summary::-webkit-details-marker{display:none}.glass-group-summary svg{color:#a1a1aa;transform:rotate(-90deg)}details[open]>.glass-group-summary svg{transform:rotate(0)}.glass-group-controls{padding:0 12px 10px}.glass-group-controls>.glass-slider{border-top:1px solid rgba(255,255,255,.06);margin-top:10px;padding-top:10px}.glass-slider{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px}.glass-slider>label{width:auto;color:#d1d1d6;line-height:1.4}.glass-slider-value{grid-column:2;grid-row:1;display:flex;align-items:center;padding:2px 7px;border-radius:var(--lg-radius-md);background:#303037}.glass-slider-value input{width:48px;min-height:24px;padding:0;border:0;background:transparent;font-variant-numeric:tabular-nums;color:#f2f2f7}.glass-slider-value span{color:#b6b6bf;width:auto;font-size:10px}.glass-slider-value:focus-within{outline:2px solid #64a8ff;outline-offset:2px}.glass-slider>.glass-slider-track{grid-column:1 / -1;grid-row:2;height:32px}.glass-slider>.glass-slider-track>div:first-child,.glass-slider>.glass-slider-track>div:first-child>div{height:6px}.glass-slider>.glass-slider-track>div:nth-child(2){width:16px;height:16px}.glass-slider-track:has(input:focus-visible){outline:none}.glass-slider-track>div:nth-child(2){box-shadow:0 1px 2px #00000059;transition:box-shadow .12s}.glass-slider-track:hover>div:nth-child(2),.glass-slider-track:has(input:focus-visible)>div:nth-child(2){box-shadow:0 0 0 4px #0a84ff40,0 1px 2px #00000059}.glass-settings button:focus-visible,.glass-group-summary:focus-visible{outline:2px solid #64a8ff;outline-offset:2px}.glass-settings .glass-toggle{min-height:30px}.glass-settings .glass-toggle>span:first-child{box-shadow:inset 0 0 0 1px #ffffff14}.inspector-panel .glass-toggle[aria-checked=true]>span:first-child{background:#0a84ff}@media(prefers-reduced-motion:reduce){.glass-settings *,.glass-toggle span{transition:none}}@media(prefers-contrast:more){.glass-setting-group{border-color:#8e8e93}.glass-setting-caption{color:#d1d1d6}}.inspector-panel{--inspector-control-height: 30px;--text-xs: 12px;--text-xs--line-height: 1.4;background:#202023;border-left:1px solid rgba(255,255,255,.07)}.inspector-panel input:is([type=text],[type=number]),.inspector-panel select{height:var(--inspector-control-height);min-height:var(--inspector-control-height);padding:0 8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--lg-radius-lg);background:#28282e;font-size:12px;line-height:1.4}.inspector-panel select{padding-right:26px}.inspector-panel input[type=color]{width:30px;height:var(--inspector-control-height);border-radius:var(--lg-radius-md)}.inspector-panel input.background-color-picker-input{width:100%;height:100%}.inspector-panel .glass-slider-value,.inspector-panel .inspector-number-field{height:var(--inspector-control-height);border:1px solid rgba(255,255,255,.1);border-radius:var(--lg-radius-md);background:#28282e}.inspector-panel .glass-slider-value{min-width:68px;padding:0 7px;gap:3px}.inspector-panel .inspector-number-field{width:100%;min-width:0}.inspector-panel .glass-slider-value input,.inspector-panel .inspector-number-field input{height:calc(var(--inspector-control-height) - 2px);min-height:0;border:0;border-radius:0;background:transparent}.inspector-panel .glass-slider-value input{padding:0}.inspector-panel .inspector-number-field input{flex:1;width:0;min-width:0;text-align:left;font-variant-numeric:tabular-nums}.inspector-panel .inspector-number-field>span{padding-right:10px;color:#a1a1aa}.inspector-panel .inspector-number-field:focus-within{outline:2px solid #64a8ff;outline-offset:2px}.inspector-panel input:is([type=text],[type=number]):focus-visible,.inspector-panel select:focus-visible{border-color:#64a8ff}.inspector-panel .glass-segments button,.inspector-panel .glass-toggle{min-height:var(--inspector-control-height)}.editor-app{height:100dvh;background:#171719}.editor-toolbar{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 16px;flex-shrink:0;position:relative;z-index:40;background:#202023;border-bottom:1px solid rgba(255,255,255,.06);user-select:none}.editor-document{display:flex;align-items:center;gap:8px;width:240px;min-width:0}.editor-document-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;text-align:left;border-radius:var(--lg-radius-sm)}.editor-document-input{width:100%;min-width:0;height:30px;padding:0 8px;border:1px solid #0a84ff;border-radius:var(--lg-radius-md);background:#303034}.editor-document-modified{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#a1a1aa}.editor-toolbar-tools{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.editor-toolbar-actions{display:flex;justify-content:flex-end;width:248px}.editor-tool-button,.editor-tool-group,.appearance-segments,.canvas-guide-button{border:1px solid rgba(255,255,255,.1);background:#fff1;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000001f}.editor-tool-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border-radius:var(--lg-radius-lg);color:#dedee3;font-size:12px;font-weight:500;white-space:nowrap;transition:background-color .12s}.editor-tool-button:hover,.editor-tool-button[aria-expanded=true]{background:#ffffff1f}.editor-tool-group{display:flex;align-items:center;border-radius:var(--lg-radius-lg)}.editor-tool-group .editor-tool-button{border:0;background:transparent;box-shadow:none;min-height:32px}.editor-tool-group .editor-tool-button:hover,.editor-tool-group .editor-tool-button[aria-expanded=true]{background:#ffffff14}.editor-tool-divider{width:1px;height:15px;background:#ffffff1a}.editor-chevron{color:#a1a1aa}.editor-color-swatch{width:18px;height:18px;border-radius:var(--lg-radius-sm);box-shadow:inset 0 0 0 1px #ffffff2e}.editor-export{display:flex;align-items:stretch;border-radius:var(--lg-radius-lg);background:#0a84ff;color:#fff;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0003}.editor-export button{min-height:34px;transition:background-color .12s}.editor-export button:hover{background:#ffffff1f}.editor-export-action{display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;border-radius:var(--lg-radius-lg) 0 0 var(--lg-radius-lg)}.editor-export-options{display:flex;align-items:center;padding:0 10px;border-left:1px solid rgba(255,255,255,.22);border-radius:0 var(--lg-radius-lg) var(--lg-radius-lg) 0}.layer-sidebar{width:256px;margin:10px 0 10px 10px;position:relative;z-index:30;background:#262629e0;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border:1px solid rgba(255,255,255,.09);border-radius:var(--lg-radius-xl);box-shadow:0 4px 16px #00000026;--text-xs: 12px;--text-xs--line-height: 1.4}.editor-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;flex-shrink:0;font-size:12px;color:#e5e5ea}.editor-icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--lg-radius-md);color:#aaaab2;transition:background-color .12s,color .12s}.editor-icon-button:hover,.editor-icon-button[aria-expanded=true]{color:#fff;background:#ffffff14}.layer-import{margin:0 8px 8px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--lg-radius-lg);background:#ffffff08;transition:background-color .12s,border-color .12s}.layer-import:hover,.layer-import[data-drag-over=true]{background:#0a84ff1a;border-color:#0a84ff}.layer-import button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;color:#d1d1d6;font-size:12px}.layer-import svg{color:#aaaab2;flex-shrink:0}.layer-import-caption{display:block;margin-top:2px;font-size:11px;color:#a1a1aa}.layer-imports{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 8px 8px}.layer-imports>.layer-import{margin:0;min-width:0}.layer-imports>.layer-import>button{flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;min-height:64px}.layer-row{min-height:44px;border-radius:var(--lg-radius-lg)}.layer-row[data-selected=true]{background:#275c9e}.layer-row[data-visible=false] .layer-name{color:#a1a1aa}.layer-row[data-visible=false][data-selected=true] .layer-name{color:#d1d1d6}.layer-actions{display:flex;align-items:center;gap:1px;opacity:0;transition:opacity .12s}.layer-row:hover .layer-actions,.layer-row:focus-within .layer-actions,.layer-row[data-selected=true] .layer-actions,.layer-row[data-visible=false] .layer-actions{opacity:1}.layer-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:26px;border-radius:var(--lg-radius-sm)}.layer-actions button:hover{background:#00000029}.layer-actions .layer-remove{color:inherit}.layer-actions .layer-remove:hover{color:#ff6961;background:#ff453a1f}.layer-canvas-button{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 12px;margin:8px;border-radius:var(--lg-radius-lg);text-align:left;font-size:12px;flex-shrink:0;color:#d1d1d6}.layer-canvas-button:hover{background:#ffffff0f}.layer-canvas-button[aria-pressed=true]{background:#275c9e;color:#fff}.mk-lib{margin:0 8px 8px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:var(--lg-radius-lg);background:#ffffff0a;flex-shrink:0}.mk-lib-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mk-lib-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#e5e5ea}.mk-lib-title svg{color:#76b7ff}.mk-lib-modes{display:flex;gap:2px;padding:2px;border-radius:var(--lg-radius-lg);background:#00000038}.mk-lib-modes{margin-bottom:8px}.mk-lib-mode{flex:1;min-height:26px;border-radius:var(--lg-radius-md);font-size:11px;color:#b6b6bf;transition:background-color .12s,color .12s}.mk-lib-mode:hover{color:#fff}.mk-lib-mode[aria-pressed=true]{background:#57575e;color:#fff}.mk-lib-search{margin-bottom:8px}.mk-lib-search-row{display:flex;align-items:center;gap:6px;padding:0 8px;min-height:30px;border:1px solid rgba(255,255,255,.12);border-radius:var(--lg-radius-md);background:#00000038}.mk-lib-search-row svg{color:#a1a1aa;flex-shrink:0}.mk-lib-search-row input{flex:1;min-width:0;background:none;border:none;outline:none;color:#e5e5ea;font-size:12px}.mk-lib-search-row input::placeholder{color:#8e8e93}.mk-lib-go{min-height:22px;padding:0 9px;border-radius:var(--lg-radius-sm);background:#0a70dc;color:#fff;font-size:11px;flex-shrink:0}.mk-lib-go:disabled{opacity:.45}.mk-lib-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mk-lib-chip{padding:2px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#a1a1aa;font-size:10px}.mk-lib-chip:hover{color:#fff;border-color:#ffffff47}.mk-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;max-height:216px;overflow-y:auto}.mk-lib-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--lg-radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#d1d1d6;transition:background-color .12s,color .12s,border-color .12s}.mk-lib-cell:hover{color:#fff;background:#0a84ff2e;border-color:#0a84ff}.mk-lib-glyph{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.mk-lib-glyph svg{width:100%;height:100%}.mk-lib-hint,.mk-lib-foot{grid-column:1 / -1;padding:6px 2px;font-size:11px;color:#8e8e93}.mk-lib-error{margin:0 0 8px;font-size:11px;color:#ff6961}.mk-lib-spin{animation:mk-lib-spin .9s linear infinite}@keyframes mk-lib-spin{to{transform:rotate(360deg)}}.editor-popover{position:absolute;top:calc(100% + 8px);z-index:50;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:var(--lg-radius-lg);background:#2b2b2ff7;color:#e5e5ea;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 12px 32px #0000004d,0 2px 5px #0000002e}.editor-menu{min-width:156px}#export-menu{min-width:228px}.editor-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:5px 8px;border-radius:var(--lg-radius-md);color:#e5e5ea;text-align:left;white-space:nowrap;font-size:12px}.editor-menu-detail{margin-left:auto;color:#a9a9b2;font-size:11px;font-variant-numeric:tabular-nums}.editor-menu-item:hover,.editor-menu-item:focus-visible{color:#fff;background:#0a70dc;outline:none}.editor-menu-item:hover .editor-menu-detail,.editor-menu-item:focus-visible .editor-menu-detail{color:#ffffffd9}.editor-menu-separated{margin-top:5px;border-top:1px solid rgba(255,255,255,.1)}.editor-background-popover{left:0;width:276px;padding:0 0 4px}.editor-popover-heading{padding:12px 12px 2px;font-size:12px;font-weight:600}.editor-settings-popover{right:0;width:208px}.canvas-controls{position:absolute;left:16px;right:16px;bottom:20px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;pointer-events:none}.canvas-controls>*{pointer-events:auto}.appearance-segments{display:flex;gap:2px;padding:3px;border-radius:var(--lg-radius-xl)}.appearance-segments,.canvas-guide-button{background:#2b2b2fe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.appearance-segments button{min-height:30px;padding:0 13px;border-radius:var(--lg-radius-lg);color:#b6b6bf;font-size:12px;font-weight:500;transition:background-color .12s,color .12s}.appearance-segments button:hover{color:#fff}.appearance-segments button[aria-pressed=true]{background:#57575e;color:#fff;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1f}.canvas-guide-button{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:var(--lg-radius-xl);color:#b6b6bf;font-size:12px}.canvas-guide-button:hover{color:#fff}.canvas-guide-button[aria-pressed=true]{color:#76b7ff;border-color:#76b7ff66}@media(max-width:1100px){.layer-sidebar{width:224px}.inspector-panel{width:260px}.editor-document{width:208px}.editor-toolbar-actions{width:228px}.editor-toolbar{gap:10px}}@media(max-width:800px){.editor-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.editor-document{flex:1}.editor-toolbar-actions{width:auto}.editor-toolbar-tools{order:1;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.editor-app *,.editor-app *:before,.editor-app *:after{transition:none!important;animation:none!important}}@media(prefers-reduced-transparency:reduce){.layer-sidebar,.editor-popover,.appearance-segments,.canvas-guide-button{background:#2b2b2f;backdrop-filter:none;-webkit-backdrop-filter:none}}.liquid-seed-note{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:60;display:flex;align-items:flex-start;gap:10px;max-width:min(430px,calc(100vw - 32px));padding:10px 10px 10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--lg-radius-lg);background:#18181bf7;box-shadow:0 12px 32px #00000073;backdrop-filter:blur(12px);animation:liquid-seed-note-in .22s ease-out}@keyframes liquid-seed-note-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.liquid-seed-note-icon{flex-shrink:0;margin-top:1px;display:flex}.liquid-seed-note-icon.is-ok{color:#4ade80}.liquid-seed-note-icon.is-warn{color:#fbbf24}.liquid-seed-note-body{flex:1;min-width:0}.liquid-seed-note-title{font-size:12px;font-weight:600;color:#f4f4f5}.liquid-seed-note-desc{margin-top:2px;font-size:11px;line-height:1.5;color:#a1a1aa}.liquid-seed-note-close{flex-shrink:0;width:22px;height:22px;border-radius:var(--lg-radius-sm);display:flex;align-items:center;justify-content:center;color:#8e8e93;transition:color .12s,background-color .12s}.liquid-seed-note-close:hover{color:#fff;background:#ffffff14}@media(prefers-contrast:more){.layer-sidebar,.inspector-panel,.editor-tool-button,.editor-tool-group,.editor-popover,.appearance-segments,.canvas-guide-button{border-color:#8e8e93}.editor-menu-detail,.editor-chevron,.editor-icon-button,.layer-import-caption{color:#d1d1d6}}