.lilo-app{--lilo-ink: var(--ks-ink, #433f3a);--lilo-ink-soft: var(--ks-ink-soft, #85807c);--lilo-muted: var(--ks-ink-soft, #85807c);--lilo-paper: var(--ks-paper, #fff7e9);--lilo-paper-strong: var(--ks-paper-2, #fffbf5);--lilo-accent: var(--ks-primary, #f2900d);--lilo-accent-strong: var(--ks-primary-deep, #de7a00);--lilo-accent-soft: #fff3df;--lilo-border: #e5e2dc;--lilo-danger: #c0392b;--lilo-shadow: rgba(27, 23, 20, .08);--lilo-ring: inset 0 0 0 2px #1b171414;--lilo-ring-ink: inset 0 0 0 2px var(--lilo-ink);--lilo-shadow-card: 0 0 0 2px #1b171410, 10px 12px 0 -2px #1b171418;--lilo-shadow-flyout: 0 0 0 2px #1b171410, 14px 18px 0 -2px #1b171422;--lilo-shadow-image: 0 8px 28px #1b171420, 0 2px 6px #1b171414;--lilo-shadow-bundle: 0 8px 0 0 #e9c88f55, inset 0 0 0 2.5px #f2900d33;--lilo-shadow-mascot: 0 4px 0 0 #e9c88f80;--lilo-shadow-button: 0 var(--ks-btn-offset, 6px) 0 0 #1b171420;--lilo-shadow-ghost: inset 0 0 0 2px #1b171414, 0 3px 0 0 #1b171410;--lilo-ease: cubic-bezier(.3, 1.3, .5, 1);--lilo-heading: var(--font-heading--family);--lilo-symbol-font: "Lilo Font Awesome", "Segoe UI Symbol", sans-serif;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:28px;background:var(--lilo-paper);font-family:var(--font-body--family);color:var(--lilo-ink);text-align:left}.lilo-app *,.lilo-app *:before,.lilo-app *:after{box-sizing:border-box}.lilo-app [hidden]{display:none!important}.lilo-app>*,.lilo-app .lilo-workspace>*{min-width:0}.lilo-app h1,.lilo-app h2,.lilo-app h3,.lilo-app h4{font-family:var(--lilo-heading);margin:0;font-weight:600;line-height:1.1;color:var(--lilo-ink)}.lilo-app p{margin:0}.lilo-app .lilo-mobile-only{display:none}.lilo-app .lilo-icon{font-family:Lilo Font Awesome;font-weight:900;font-style:normal;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased}.lilo-app .fa-file-arrow-down:before{content:"\f56d"}.lilo-app .fa-file-export:before{content:"\f56e"}.lilo-app .fa-file-import:before{content:"\f56f"}.lilo-app .fa-folder-open:before{content:"\f07c"}.lilo-app .fa-image:before{content:"\f03e"}.lilo-app .fa-sliders:before{content:"\f1de"}.lilo-app .fa-palette:before{content:"\f53f"}.lilo-app .fa-wand-magic-sparkles:before{content:"\e2ca"}.lilo-app .fa-ruler:before{content:"\f545"}.lilo-app .fa-circle-info:before{content:"\f05a"}.lilo-app .fa-xmark:before{content:"\f00d"}.lilo-app .fa-shuffle:before{content:"\f074"}.lilo-app .fa-pen:before{content:"\f304"}.lilo-app .fa-eye-dropper:before{content:"\f1fb"}.lilo-app .fa-paintbrush:before{content:"\f1fc"}.lilo-app .fa-fill-drip:before{content:"\f576"}.lilo-app .fa-eraser:before{content:"\f12d"}.lilo-app .fa-rotate-left:before{content:"\f2ea"}.lilo-app .fa-rotate-right:before{content:"\f2f9"}.lilo-app .fa-expand:before{content:"\f065"}.lilo-app .fa-compress:before{content:"\f066"}.lilo-app .fa-keyboard:before{content:"\f11c"}.lilo-app .fa-cart-plus:before{content:"\f217"}.lilo-app .fa-magnifying-glass-plus:before{content:"\f00e"}.lilo-app .fa-magnifying-glass-minus:before{content:"\f010"}.lilo-app .fa-magnifying-glass:before{content:"\f002"}.lilo-app .fa-maximize:before{content:"\f31e"}.lilo-app .fa-table-cells:before{content:"\f00a"}.lilo-app .fa-trash:before{content:"\f1f8"}.lilo-app .fa-copy:before{content:"\f0c5"}.lilo-app .fa-check:before{content:"\f00c"}.lilo-app .fa-minus:before{content:"\f068"}.lilo-app .fa-plus:before{content:"+"}.lilo-app .fa-ellipsis:before{content:"\f141"}.lilo-app .lilo-label{font-size:12px;font-weight:700;color:var(--lilo-muted)}.lilo-app .lilo-field{display:grid;gap:6px;font-size:13px;font-weight:600}.lilo-app .lilo-field-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.lilo-app input[type=number],.lilo-app input[type=text],.lilo-app input[type=search],.lilo-app select{font:inherit;font-size:14px;padding:9px 12px;border:none;border-radius:14px;background:#fff;color:var(--lilo-ink);box-shadow:var(--lilo-ring);width:100%;min-width:0;outline:none}.lilo-app input[type=number]{font-family:var(--lilo-heading);font-size:16px}.lilo-app input:focus-visible,.lilo-app select:focus-visible{box-shadow:inset 0 0 0 2px var(--lilo-accent)}.lilo-app button:focus-visible,.lilo-app [tabindex]:focus-visible{outline:2px solid var(--lilo-accent);outline-offset:2px}.lilo-app select:disabled,.lilo-app input:disabled{opacity:.55;cursor:not-allowed}.lilo-app .lilo-range{--lilo-range-fill: 0%;-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:6px 0;border-radius:999px;background:linear-gradient(90deg,var(--lilo-accent) var(--lilo-range-fill),#ffead2 var(--lilo-range-fill));cursor:pointer}.lilo-app .lilo-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2.5px var(--lilo-accent-strong)}.lilo-app .lilo-range::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2.5px var(--lilo-accent-strong)}.lilo-app .lilo-range-value{color:var(--lilo-accent-strong);font-weight:800;white-space:nowrap}.lilo-app .lilo-range-actions{display:inline-flex;align-items:center;gap:6px}.lilo-app .lilo-range-reset{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--lilo-ink);font-size:11px;cursor:pointer;transition:opacity .14s var(--lilo-ease),background-color .14s var(--lilo-ease)}.lilo-app .lilo-range-reset:hover,.lilo-app .lilo-range-reset:focus-visible{background-color:#00000014}.lilo-app .lilo-range-reset.is-default,.lilo-app .lilo-range-reset:disabled{visibility:hidden;opacity:0}.lilo-app .lilo-size-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}.lilo-app .lilo-times{padding-bottom:10px;color:var(--lilo-muted)}.lilo-app .lilo-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.lilo-app .lilo-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lilo-app .lilo-hint{font-size:13px;font-weight:600;line-height:1.45;color:var(--lilo-muted)}.lilo-app .lilo-muted{color:var(--lilo-muted)}.lilo-app .lilo-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--lilo-muted);margin-bottom:4px}.lilo-app .lilo-warning{flex-basis:100%;font-size:13px;font-weight:600;color:var(--lilo-danger)}.lilo-app .lilo-warning.is-ok{color:var(--lilo-muted)}.lilo-app .lilo-edits-notice{margin:0;padding:10px 12px;border-radius:14px;background:#0000000a;line-height:1.4}.lilo-app .lilo-regenerate-actions{justify-content:flex-end}.lilo-app .lilo-checkbox-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.lilo-app .lilo-checkbox{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff;color:transparent;box-shadow:inset 0 0 0 2.5px var(--lilo-ink);transition:transform .14s var(--lilo-ease),background .14s ease;cursor:pointer}.lilo-app .lilo-checkbox-sm{width:24px;height:24px;border-radius:8px}.lilo-app .lilo-checkbox-sm .lilo-check-mark{width:14px;height:14px}.lilo-app .lilo-checkbox-input:checked+.lilo-checkbox{background:var(--lilo-accent);color:#fff;box-shadow:inset 0 0 0 2.5px var(--lilo-accent-strong)}.lilo-app .lilo-checkbox-input:focus-visible+.lilo-checkbox{outline:2px solid var(--lilo-accent);outline-offset:2px}.lilo-app .lilo-checkbox-input:disabled+.lilo-checkbox{opacity:.35;cursor:not-allowed}.lilo-app .lilo-checkbox:hover{transform:scale(1.06)}.lilo-app .lilo-check{position:relative;display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;cursor:pointer}.lilo-app .lilo-primary,.lilo-app .lilo-cta,.lilo-app .lilo-dark,.lilo-app .lilo-ghost,.lilo-app .lilo-legend-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;padding:10px 16px;border:none;border-radius:999px;cursor:pointer;transition:transform .14s var(--lilo-ease),box-shadow .14s var(--lilo-ease)}.lilo-app .lilo-primary,.lilo-app .lilo-cta{background:var(--lilo-accent);color:#000;font-size:15px;box-shadow:var(--lilo-shadow-button)}.lilo-app .lilo-dark{background:var(--lilo-ink);color:#fff;font-size:15px;height:42px;padding:0 20px;box-shadow:var(--lilo-shadow-button)}.lilo-app .lilo-ghost,.lilo-app .lilo-legend-action{background:#fff;color:var(--lilo-ink);box-shadow:var(--lilo-shadow-ghost)}.lilo-app .lilo-small{padding:7px 12px;font-size:12px}.lilo-app .lilo-round{width:42px;height:42px;padding:0;border-radius:50%;font-size:15px}.lilo-app .lilo-wide{width:100%}.lilo-app :is(.lilo-primary,.lilo-cta,.lilo-dark,.lilo-ghost,.lilo-legend-action):hover:not(:disabled){transform:translateY(-2px)}.lilo-app :is(.lilo-primary,.lilo-cta,.lilo-dark):active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1b171420}.lilo-app button:disabled{opacity:.45;cursor:not-allowed;transform:none}.lilo-app .lilo-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.lilo-app .lilo-icon-round,.lilo-app .lilo-close{flex:none;width:26px;height:26px;padding:0;border:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--lilo-ink);font-size:10px;box-shadow:var(--lilo-ring);cursor:pointer}.lilo-app .lilo-close{width:30px;height:30px;font-size:13px;color:var(--lilo-muted)}.lilo-app .lilo-button-group{display:inline-flex;align-items:center;border-radius:999px;overflow:hidden;background:#fff;box-shadow:var(--lilo-shadow-ghost)}.lilo-app .lilo-button-group .lilo-ghost{border-radius:0;box-shadow:none;transform:none}.lilo-app .lilo-button-group .lilo-ghost+.lilo-ghost{box-shadow:inset 2px 0 #1b171414}.lilo-app .loading{color:transparent!important;pointer-events:none}.lilo-app .lilo-spinner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px;border-radius:999px;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;animation:lilo-spin .8s linear infinite}.lilo-app .lilo-dark .lilo-spinner{border-color:#ffffff59;border-top-color:#fff}.lilo-app .loading .lilo-spinner{display:inline-block;color:#000}@keyframes lilo-spin{to{transform:rotate(360deg)}}.lilo-app .lilo-stepper{display:inline-flex;align-items:center;flex:none;background:#fff;border-radius:99px;box-shadow:var(--lilo-ring-ink)}.lilo-app .lilo-stepper button{width:32px;height:32px;padding:0;border:none;background:none;color:var(--lilo-ink);display:grid;place-items:center;font-size:11px;cursor:pointer}.lilo-app .lilo-stepper button:disabled{opacity:.35}.lilo-app .lilo-stepper-value{min-width:22px;text-align:center;font-family:var(--lilo-heading);font-weight:600;font-size:15px}.lilo-app .lilo-zoom button{width:38px;height:38px}.lilo-app .lilo-zoom .lilo-stepper-value{min-width:44px}.lilo-app .lilo-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--lilo-ink);cursor:pointer}.lilo-app .lilo-switch-input{-webkit-appearance:none;appearance:none;width:40px;height:24px;margin:0;flex-shrink:0;background:#ece6dc;border:none;border-radius:999px;position:relative;cursor:pointer;transition:background .2s ease}.lilo-app .lilo-switch-input:after,.lilo-app .lilo-switch-input:checked:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;-webkit-mask-image:none;mask-image:none;box-shadow:0 1px 2px #1b171430;transform:none;transition:transform .2s ease}.lilo-app .lilo-switch-input:checked,.lilo-app .lilo-switch-input:checked:hover{background:var(--lilo-ink)}.lilo-app .lilo-switch-input:checked:after{transform:translate(16px)}.lilo-app .lilo-switch-input-sm{width:30px;height:18px}.lilo-app .lilo-switch-input-sm:after,.lilo-app .lilo-switch-input-sm:checked:after{top:2px;left:2px;width:14px;height:14px}.lilo-app .lilo-switch-input-sm:checked:after{transform:translate(12px)}.lilo-app .lilo-has-tooltip{position:relative}.lilo-app .lilo-has-tooltip:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);width:max-content;max-width:260px;padding:8px 10px;border-radius:12px;background:var(--lilo-ink);color:#fff;font-family:var(--font-body--family);font-size:12px;font-weight:500;line-height:1.4;white-space:normal;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:30}.lilo-app .lilo-has-tooltip:hover:after{opacity:1;transform:translateY(0)}.lilo-app .lilo-help{display:inline-flex;align-items:center;color:var(--lilo-muted);font-size:15px;position:relative;cursor:help}.lilo-app .lilo-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;display:grid;gap:6px;background:var(--lilo-ink);color:#fff;border-radius:14px;padding:10px 12px;font-family:var(--font-body--family);font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 12px 24px #0003;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:30}.lilo-app .lilo-help:hover .lilo-popover,.lilo-app .lilo-help:focus .lilo-popover{opacity:1;transform:translateY(0)}.lilo-app .lilo-popover-title{text-transform:uppercase;letter-spacing:.12em;color:#f4ece2}.lilo-app .lilo-keys{display:grid;gap:6px}.lilo-app .lilo-kbd{font-family:inherit;font-size:11px;padding:2px 6px;border-radius:6px;background:#fff;color:var(--lilo-ink)}.lilo-app .lilo-mascot{flex:none;width:52px;height:52px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:var(--lilo-shadow-mascot);transform:rotate(-6deg)}.lilo-app .lilo-mascot img{width:34px;height:auto}.lilo-app .lilo-mascot-lg{width:58px;height:58px}.lilo-app .lilo-mascot-lg img{width:38px}.lilo-app .lilo-projectbar{position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:30px;background:var(--lilo-paper-strong);box-shadow:var(--lilo-shadow-card)}.lilo-app .lilo-design-name{flex:1;min-width:300px;display:flex;flex-direction:column;gap:4px}.lilo-app .lilo-design-name input::placeholder{color:var(--lilo-muted);opacity:.5}@media(min-width:750px){.lilo-app .lilo-design-name .lilo-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.lilo-app .lilo-design-name input{padding:9px 14px;font-family:var(--lilo-heading);font-weight:600;font-size:17px;text-overflow:ellipsis}.lilo-app .lilo-save-status{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--lilo-muted)}.lilo-app .lilo-save-status.is-saved:before{content:"\f00c";font-family:Lilo Font Awesome;font-weight:900;color:var(--lilo-accent-strong)}.lilo-app .lilo-save-status.is-warning{color:var(--lilo-danger)}.lilo-app .lilo-more-toggle{display:none}.lilo-app .lilo-projectbar-menu{display:flex;align-items:center;gap:16px;flex:none}.lilo-app .lilo-projectbar-actions{display:flex;gap:8px;align-items:center}.lilo-app .lilo-projectbar-actions .lilo-round .lilo-menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lilo-app .lilo-export{display:flex;gap:12px;align-items:center;padding-left:16px;border-left:2px solid #1b171410;white-space:nowrap}.lilo-app .lilo-pill-select{display:inline-flex;align-items:center;gap:4px;padding-left:16px;border-radius:999px;background:#fff;box-shadow:var(--lilo-ring)}.lilo-app .lilo-pill-select-label{font-size:12px;font-weight:700;color:var(--lilo-muted)}.lilo-app .lilo-pill-select select{box-shadow:none;background-color:transparent;font-weight:600;padding:10px 30px 10px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 5px center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='black' d='M7 10l5 5 5-5z'/></svg>")}.lilo-app .lilo-pill-select select:active{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='black' d='M7 14l5-5 5 5z'/></svg>")}.lilo-app .lilo-pdf-button{height:46px;padding:0 22px}.lilo-app .lilo-tabs{display:none}.lilo-app .lilo-workspace{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) 460px;gap:24px;align-items:start}.lilo-app .lilo-rail{display:flex;flex-direction:column;gap:8px;padding:12px 10px;border-radius:30px;background:linear-gradient(0deg,var(--color-background),var(--lilo-paper-strong));box-shadow:var(--lilo-shadow-card)}.lilo-app .lilo-rail-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;border:none;border-radius:20px;background:none;color:var(--lilo-ink);font:inherit;font-size:11px;font-weight:700;text-align:center;cursor:pointer}.lilo-app .lilo-rail-item.is-active{background:var(--lilo-accent-soft);box-shadow:inset 0 0 0 2.5px #f2900d33}.lilo-app .lilo-rail-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;font-size:16px;color:var(--lilo-ink);transition:transform .14s var(--lilo-ease)}.lilo-app .lilo-rail-item:hover .lilo-rail-icon{transform:scale(1.06)}.lilo-app .lilo-tint-image{background:#ffead2;border-radius:var(--ks-blob-a, 50%)}.lilo-app .lilo-tint-basic{background:#d8f5f0;border-radius:var(--ks-blob-b, 50%)}.lilo-app .lilo-tint-symbols{background:#ffe3ee;border-radius:var(--ks-blob-c, 50%)}.lilo-app .lilo-tint-rendering{background:#eef6cf;border-radius:var(--ks-blob-d, 50%)}.lilo-app .lilo-tint-fabric{background:#dceffa;border-radius:var(--ks-blob-a, 50%)}.lilo-app .lilo-flyout{position:absolute;left:98px;top:0;z-index:20;width:300px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:26px;background:var(--lilo-paper-strong);box-shadow:var(--lilo-shadow-flyout);font-size:13px;font-weight:600}.lilo-app .lilo-flyout-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.lilo-app .lilo-flyout-header h3{display:flex;align-items:center;gap:10px;font-size:22px}.lilo-app .lilo-flyout-header .lilo-rail-icon,.lilo-app .lilo-sheet-handle,.lilo-app .lilo-scrim{display:none}.lilo-app .lilo-source-card{height:300px;padding:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--lilo-shadow-image)}.lilo-app .lilo-source-card canvas{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.lilo-app .lilo-file-button{height:48px;width:100%}.lilo-app .lilo-file-button input{display:none}.lilo-app .lilo-fabric-select{display:flex;align-items:center;gap:8px}.lilo-app .lilo-fabric-dot{flex:none;width:26px;height:26px;border-radius:var(--ks-blob-c, 50%);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--lilo-ink)}.lilo-app .lilo-size-readout{display:flex;flex-wrap:wrap;gap:10px 16px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:var(--lilo-ring)}.lilo-app .lilo-size-readout strong{display:block;margin-top:2px;font-family:var(--lilo-heading);font-size:15px}.lilo-app .lilo-pattern{display:flex;flex-direction:column;gap:14px;min-width:0}.lilo-app .lilo-pattern-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 6px}.lilo-app .lilo-pattern-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}.lilo-app .lilo-pattern-title h2{font-weight:500;font-size:34px}.lilo-app .lilo-pattern-meta{font-size:14px;font-weight:600;color:var(--lilo-muted)}.lilo-app .lilo-pattern-meta span:empty{display:none}.lilo-app .lilo-pattern-meta span+span:not(:empty):before{content:" \b7  "}.lilo-app .lilo-pattern-colors{display:none}.lilo-app .lilo-pattern-actions{display:flex;gap:8px;align-items:center;flex:none}.lilo-app .lilo-canvas-card{position:relative;display:flex;min-width:0;height:clamp(480px,calc(100vh - 220px),900px);padding:20px;overflow:hidden;border-radius:24px;background:#fff;box-shadow:var(--lilo-shadow-image)}.lilo-app .lilo-canvas-card.is-zoomed{overflow:auto}.lilo-app .lilo-canvas-card canvas{display:block;flex:none;margin:auto;max-width:none}.lilo-app .lilo-canvas-card canvas.is-pixelated{image-rendering:pixelated}.lilo-app .lilo-canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:24px;padding:20px;overflow:auto}.lilo-app .lilo-canvas-empty-intro{display:flex;flex-direction:column;gap:10px;max-width:560px;text-align:center}.lilo-app .lilo-canvas-empty-intro h1{font-weight:500;font-size:34px}.lilo-app .lilo-canvas-empty-intro a{color:inherit;text-decoration:underline}.lilo-app .lilo-canvas-empty-option{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;text-align:center}.lilo-app .lilo-canvas-empty-option .lilo-hint{margin:0}.lilo-app .lilo-canvas-empty[hidden]{display:none}.lilo-app .lilo-canvas-mascot{position:absolute;right:16px;bottom:10px;width:88px;pointer-events:none}.lilo-app .lilo-canvas-card.is-zoomed .lilo-canvas-mascot{position:sticky;margin:auto 0 0 -88px;align-self:flex-end}.lilo-app .lilo-canvas-mascot img{width:100%;height:auto}.lilo-app .lilo-basket-bar{display:none}.lilo-app .lilo-legend{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:30px;background:linear-gradient(180deg,#fff3df,var(--lilo-paper-strong));box-shadow:var(--lilo-shadow-bundle);min-width:0}.lilo-app .lilo-legend-header{display:flex;align-items:center;gap:14px}.lilo-app .lilo-legend-header h2{display:flex;gap:8px;align-items:center;font-size:22px}.lilo-app .lilo-legend .lilo-popover{left:auto;right:-120px}.lilo-app .lilo-legend-description{margin-top:4px;font-size:14.5px;font-weight:600;color:var(--lilo-muted)}.lilo-app .lilo-search{display:flex;align-items:center;gap:10px}.lilo-app .lilo-search-field{position:relative;flex:1;display:flex;align-items:center}.lilo-app .lilo-search-field>.lilo-icon{position:absolute;left:18px;color:var(--lilo-muted);font-size:14px;pointer-events:none}.lilo-app .lilo-search-field input{padding:12px 40px 12px 44px;border-radius:999px;font-weight:600;box-shadow:var(--lilo-shadow-ghost)}.lilo-app .lilo-search-field input:focus{box-shadow:inset 0 0 0 2px var(--lilo-accent),0 3px #1b171410}.lilo-app .lilo-search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.lilo-app .lilo-search-clear{position:absolute;right:10px;width:26px;height:26px;padding:0;border:none;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--lilo-muted);cursor:pointer}.lilo-app .lilo-search-field input:placeholder-shown~.lilo-search-clear{display:none}.lilo-app .lilo-search-count{font-size:13px;font-weight:700;color:var(--lilo-muted);white-space:nowrap}.lilo-app .lilo-legend-list{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow-y:auto;padding:2px 2px 6px;scrollbar-width:thin;overscroll-behavior:contain}.lilo-app .lilo-row{position:relative;flex:none;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:14px;align-items:center;padding:11px 14px;border-radius:20px;background:#fff;box-shadow:0 3px #1b171410;cursor:pointer}.lilo-app .lilo-row.is-included{box-shadow:0 3px #f2900d33,inset 0 0 0 2px #f2900d2e}.lilo-app .lilo-row:not(.is-included) .lilo-row-dim,.lilo-app .lilo-fabric-row:not(.is-included) :is(.lilo-fabric-swatch,.lilo-row-text){opacity:.52}.lilo-app .lilo-legend-media{position:relative;width:52px;height:52px}.lilo-app .lilo-legend-swatch{display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--ks-blob-a, 16px);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--lilo-ink)}.lilo-app .lilo-legend-item:nth-child(4n+2) .lilo-legend-swatch{border-radius:var(--ks-blob-b, 16px)}.lilo-app .lilo-legend-item:nth-child(4n+3) .lilo-legend-swatch{border-radius:var(--ks-blob-c, 16px)}.lilo-app .lilo-legend-item:nth-child(4n+4) .lilo-legend-swatch{border-radius:var(--ks-blob-d, 16px)}.lilo-app .lilo-legend-swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:inset 0 0 0 3px #fff}.lilo-app .lilo-symbol-badge{position:absolute;right:-7px;bottom:-5px;width:24px;height:24px;padding:0;border:none;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--lilo-ink);font-family:var(--lilo-symbol-font);font-weight:900;font-size:11px;box-shadow:inset 0 0 0 2px var(--lilo-ink),0 2px #1b171420;cursor:pointer}.lilo-app .lilo-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}.lilo-app .lilo-row-title{font-family:var(--lilo-heading);font-weight:600;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lilo-app .lilo-row-meta{font-size:13px;font-weight:700;color:var(--lilo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lilo-app .lilo-price-compare{text-decoration:line-through;opacity:.65;margin-right:4px}.lilo-app .lilo-price-sale{color:var(--lilo-accent-strong);font-weight:800}.lilo-app .lilo-row-controls{display:flex;gap:10px;align-items:center;margin-top:3px;white-space:nowrap}.lilo-app .lilo-row-controls .lilo-switch{font-size:12.5px;color:var(--lilo-muted)}.lilo-app .lilo-row-controls .lilo-qty{margin-left:auto}.lilo-app .lilo-row-color-name{font-size:12px;font-weight:700;color:var(--lilo-muted)}.lilo-app .lilo-legend-footer{display:flex;flex-direction:column;gap:14px}.lilo-app .lilo-fabric-swatch{width:52px;height:52px;border-radius:var(--ks-blob-c, 50%);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--lilo-ink)}.lilo-app .lilo-pattern-row{cursor:default}.lilo-app .lilo-pattern-row .lilo-checkbox-input:disabled+.lilo-checkbox{opacity:1;cursor:default}.lilo-app .lilo-pattern-row .lilo-checkbox:hover{transform:none}.lilo-app .lilo-pattern-thumb{width:52px;height:52px;object-fit:cover;border-radius:var(--ks-blob-d, 50%);background:#fff;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--lilo-ink)}.lilo-app .lilo-cta-bar .lilo-cta{height:52px;margin-top:4px;font-weight:500}.lilo-app .lilo-design-mode{display:grid;gap:6px;padding:10px 12px;border-radius:14px;box-shadow:inset 0 0 0 2px #c0392b55;font-size:12px;color:var(--lilo-ink-soft);word-break:break-word}.lilo-app .lilo-symbol-picker{position:fixed;top:0;left:0;display:none;width:280px;padding:10px 12px 12px;background:#fff;border:none;box-shadow:var(--lilo-ring);border-radius:12px;box-shadow:0 18px 30px #0f172a2e;z-index:1003}.lilo-app .lilo-symbol-picker.open{display:block}.lilo-app .lilo-symbol-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lilo-app .lilo-symbol-picker-header .lilo-ghost{padding:6px}.lilo-app .lilo-symbol-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.lilo-app .lilo-symbol-picker-button{width:28px;height:28px;padding:0;border-radius:8px;border:none;box-shadow:var(--lilo-ring);background:#fff;color:var(--lilo-ink);display:grid;place-items:center;font-family:var(--lilo-symbol-font);font-weight:900;cursor:pointer}.lilo-app .lilo-symbol-picker-button:hover,.lilo-app .lilo-symbol-picker-button.is-selected{border-color:var(--lilo-accent-strong);background:var(--lilo-accent-soft)}.lilo-app .lilo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#433f3a66;display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}.lilo-app .lilo-modal.open{display:flex}.lilo-app .lilo-shortcut{font-weight:500;opacity:.6}.custom-section-content:has(.lilo-modal.open){z-index:var(--layer-temporary, 20)}.lilo-app .lilo-modal.modal-top{z-index:1002}.lilo-app .lilo-modal-card{background:var(--lilo-paper-strong);border-radius:26px;box-shadow:var(--lilo-shadow-flyout);width:min(100%,900px);max-height:min(85vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr)}.lilo-app .lilo-modal-small{width:min(100%,460px)}.lilo-app .lilo-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 0}.lilo-app .lilo-modal-title,.lilo-app .lilo-modal-actions{display:flex;gap:10px;align-items:center}.lilo-app .lilo-modal-body{padding:16px 20px 20px;display:grid;gap:14px;grid-template-rows:auto;align-content:start;overflow:hidden;min-height:0}.lilo-app .lilo-search-results,.lilo-app .lilo-projects-list{display:grid;gap:10px;overflow-y:auto;max-height:55vh;padding-right:4px}.lilo-app .lilo-search-result{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:none;box-shadow:var(--lilo-ring);background:#fff;font:inherit;text-align:left;cursor:pointer}.lilo-app .lilo-search-result:hover{border-color:var(--lilo-accent-strong);box-shadow:0 8px 16px var(--lilo-shadow)}.lilo-app .lilo-search-swatch{width:36px;height:36px;border-radius:var(--ks-blob-c, 8px);border:1px solid rgba(0,0,0,.15)}.lilo-app .lilo-search-info{display:grid;gap:2px}.lilo-app .lilo-result-meta{font-size:.75rem;color:var(--lilo-muted)}.lilo-app .lilo-manage-card{width:min(100%,1100px);height:min(88vh,820px);max-height:none}.lilo-app .lilo-modal.maximized .lilo-manage-card{width:100%;height:100%}.lilo-app .lilo-manage-card .lilo-modal-body{grid-template-rows:auto auto minmax(0,1fr)}.lilo-app .lilo-manage-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.lilo-app .lilo-manage-modes{display:flex;flex-wrap:wrap;gap:8px}.lilo-app .lilo-manage-modes .lilo-ghost.active{color:var(--lilo-accent-strong);background:var(--lilo-accent-soft)}.lilo-app .lilo-manage-selected{display:flex;gap:10px;align-items:center}.lilo-app .lilo-manage-swatch{width:28px;height:28px;border-radius:8px;border:none;box-shadow:var(--lilo-ring)}.lilo-app .lilo-manage-meta{display:grid;gap:2px}.lilo-app .lilo-manage-code{font-size:.75rem;color:var(--lilo-muted)}.lilo-app .lilo-manage-badge{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:999px;border:none;box-shadow:var(--lilo-ring);display:none}.lilo-app .lilo-zoom-controls{display:flex;gap:8px;align-items:center}.lilo-app .lilo-zoom-controls .lilo-ghost{padding:6px 10px}.lilo-app .lilo-zoom-value{min-width:52px;text-align:center;font-size:.8125rem;font-variant-numeric:tabular-nums}.lilo-app .lilo-viewport{position:relative;overflow:hidden;min-height:0;border-radius:12px;border:none;box-shadow:var(--lilo-ring);background:repeating-conic-gradient(#f3f3f3 0% 25%,#fff 0% 50%) 50% / 16px 16px;touch-action:none;-webkit-user-select:none;user-select:none}.lilo-app .lilo-viewport canvas{position:absolute;top:0;left:0;width:auto;max-width:none;transform-origin:0 0;image-rendering:pixelated;cursor:crosshair}.lilo-app .lilo-viewport.is-pan-ready canvas{cursor:grab}.lilo-app .lilo-viewport.is-panning canvas{cursor:grabbing}.lilo-app .lilo-viewport canvas.cursor-pick{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'><g stroke='%23000' stroke-width='2' stroke-linejoin='round'><path fill='%23FFF' d='m4 16-1 5 5-1 6-6-4-4-6 6z'/><path fill='%23000' d='M19 5a2.84 2.84 0 0 0-4 0l-3 3-1-1c-.55-.55-1.45-.55-2 0s-.55 1.45 0 2l1 1 4 4 1 1c.55.55 1.45.55 2 0s.55-1.45 0-2l-1-1 3-3c1.1-1.1 1.1-2.9 0-4Z'/></g></svg>") 2 25,auto}.lilo-app .lilo-project{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:12px;border:none;box-shadow:var(--lilo-ring)}.lilo-app .lilo-project.is-current{border-color:var(--lilo-accent)}.lilo-app .lilo-project-thumb{width:72px;height:72px;border-radius:var(--ks-blob-b, 12px);overflow:hidden;background:var(--lilo-paper-strong);display:grid;place-items:center}.lilo-app .lilo-project-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.lilo-app .lilo-project-info{display:grid;gap:4px;justify-items:start}.lilo-app .lilo-project-badge{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lilo-accent-strong)}.lilo-app .lilo-project-actions{display:flex;gap:6px}.lilo-app .lilo-project-actions .lilo-ghost{padding:8px 10px}.lilo-app .lilo-toast{position:fixed;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 48px));background:var(--lilo-ink);color:#fff;padding:10px 14px;border-radius:10px;font-size:.8125rem;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;box-shadow:0 12px 24px #0003;z-index:1010}.lilo-app .lilo-toast.show{opacity:1;transform:translateY(0)}@media(max-width:1199px){.lilo-app .lilo-workspace{grid-template-columns:84px minmax(0,1fr)}.lilo-app .lilo-legend{grid-column:1 / -1}.lilo-app .lilo-projectbar{flex-wrap:wrap}.lilo-app .lilo-design-name{min-width:220px}}@media(max-width:749px){.lilo-app{gap:12px;padding:16px}.lilo-app .lilo-desktop-only{display:none}.lilo-app .lilo-mobile-only{display:inline}.lilo-app .lilo-projectbar{display:grid;grid-template-columns:40px auto minmax(0,1fr) 44px 44px;grid-template-areas:"mascot label status more pdf" "mascot name name more pdf";column-gap:10px;row-gap:0;padding:0;background:none;box-shadow:none}.lilo-app .lilo-mascot{grid-area:mascot;width:40px;height:40px}.lilo-app .lilo-mascot img{width:26px}.lilo-app .lilo-design-name{display:contents}.lilo-app .lilo-design-name .lilo-label{grid-area:label;font-size:11px}.lilo-app .lilo-design-name .lilo-label:after{content:" \b7"}.lilo-app .lilo-design-name input{grid-area:name;padding:0;background:none;box-shadow:none;border-radius:0}.lilo-app .lilo-save-status{grid-area:status;justify-self:start;margin-left:5px;gap:5px;font-size:11px}.lilo-app .lilo-more-toggle{grid-area:more;display:grid;place-items:center;width:44px;height:44px}.lilo-app .lilo-pdf-button{grid-area:pdf;width:44px;height:44px;padding:0;border-radius:50%;box-shadow:0 4px #1b171420}.lilo-app .lilo-projectbar-actions .lilo-round .lilo-menu-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.lilo-app .lilo-pdf-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lilo-app .lilo-projectbar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:none;flex-direction:column;align-items:stretch;gap:12px;width:min(320px,calc(100vw - 32px));padding:14px;border-radius:26px;background:var(--lilo-paper-strong);box-shadow:var(--lilo-shadow-flyout)}.lilo-app .lilo-projectbar-menu.is-open{display:flex}.lilo-app .lilo-projectbar-actions{flex-direction:column;align-items:stretch}.lilo-app .lilo-projectbar-actions .lilo-ghost{justify-content:flex-start;width:100%;height:44px;padding:0 16px;border-radius:999px}.lilo-app .lilo-export{flex-direction:column;align-items:stretch;padding:12px 0 0;border-left:none;border-top:2px solid #1b171410}.lilo-app .lilo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#fff;box-shadow:var(--lilo-ring)}.lilo-app .lilo-tab{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;background:none;color:var(--lilo-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.lilo-app .lilo-tab[aria-selected=true]{background:var(--lilo-ink);color:#fff}.lilo-app .lilo-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--lilo-accent);color:#000;font-size:12px;font-weight:700}.lilo-app .lilo-workspace{display:flex;flex-direction:column;align-items:stretch;gap:12px}.lilo-app[data-tab=pattern] .lilo-legend,.lilo-app[data-tab=threads] .lilo-pattern,.lilo-app[data-tab=threads] .lilo-rail{display:none}.lilo-app .lilo-pattern-header{padding:0}.lilo-app .lilo-pattern-title{flex-direction:column;gap:0}.lilo-app .lilo-pattern-title h2,.lilo-app .lilo-canvas-empty-intro h1{font-size:26px}.lilo-app .lilo-shortcut{display:none}.lilo-app .lilo-pattern-meta{font-size:12px}.lilo-app .lilo-pattern-colors{display:inline}.lilo-app .lilo-pattern-status{display:none}.lilo-app .lilo-pattern-actions .lilo-dark{height:44px;padding:0 16px;font-size:14px}.lilo-app .lilo-canvas-card{height:calc(100svh - 390px);min-height:300px;padding:12px}.lilo-app .lilo-canvas-card .lilo-zoom{position:absolute;right:10px;bottom:10px;z-index:2;box-shadow:var(--lilo-ring-ink),0 3px #1b171420}.lilo-app .lilo-canvas-card .lilo-zoom button{width:44px;height:44px}.lilo-app .lilo-canvas-card .lilo-zoom .lilo-stepper-value{min-width:40px;font-size:14px}.lilo-app .lilo-canvas-mascot{display:none}.lilo-app.has-basket .lilo-basket-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;padding:0 6px 0 16px;border-radius:999px;background:linear-gradient(180deg,#fff3df,var(--lilo-paper-strong));box-shadow:inset 0 0 0 2.5px #f2900d33;font-size:14px;font-weight:700}.lilo-app .lilo-basket-bar .lilo-cta{height:40px;padding:0 16px;font-size:14px;box-shadow:0 4px #1b171420}.lilo-app .lilo-rail{position:sticky;bottom:0;z-index:15;order:3;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 -16px -16px;padding:8px 10px calc(14px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;box-shadow:0 -2px #1b171410}.lilo-app .lilo-rail-item{gap:4px;padding:6px 0;border-radius:16px}.lilo-app .lilo-rail-icon{width:36px;height:36px;font-size:15px}.lilo-app .lilo-scrim:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#433f3a66}.lilo-app .lilo-flyout{position:fixed;left:0;right:0;bottom:0;top:auto!important;z-index:1001;width:auto;max-height:88vh;overflow-y:auto;gap:14px;padding:10px 20px calc(28px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;box-shadow:0 -8px 28px #1b171430;font-size:14px}.lilo-app .lilo-sheet-handle{display:block;align-self:center;flex:none;width:44px;height:5px;border-radius:999px;background:#1b171422}.lilo-app .lilo-flyout-header .lilo-rail-icon{display:grid;width:36px;height:36px;font-size:15px}.lilo-app .lilo-flyout .lilo-close{width:44px;height:44px}.lilo-app .lilo-source-card{height:320px}.lilo-app .lilo-file-button{height:52px}.lilo-app .lilo-legend{gap:12px;margin:0 -4px;padding:16px 12px 0;border-radius:30px 30px 0 0;box-shadow:inset 0 0 0 2.5px #f2900d33}.lilo-app .lilo-legend-header .lilo-mascot{display:none}.lilo-app .lilo-legend-header>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:0 4px}.lilo-app .lilo-legend-description{margin:0;font-size:13px}.lilo-app .lilo-search-field input{height:44px}.lilo-app .lilo-legend-list{gap:8px;max-height:none;overflow:visible}.lilo-app .lilo-row{gap:10px;padding:10px 10px 10px 12px}.lilo-app .lilo-legend-media,.lilo-app .lilo-fabric-swatch,.lilo-app .lilo-pattern-thumb{width:44px;height:44px}.lilo-app .lilo-symbol-badge{width:22px;height:22px;border-radius:7px;font-size:10px}.lilo-app .lilo-row-title{font-size:15px}.lilo-app .lilo-row-meta{font-size:12px}.lilo-app .lilo-row-controls{flex-wrap:wrap;gap:6px 8px;margin-top:4px}.lilo-app .lilo-row-color-name{display:block}.lilo-app .lilo-row-controls .lilo-switch{font-size:12px}.lilo-app .lilo-row-controls .lilo-icon-round{width:28px;height:28px}.lilo-app .lilo-legend-footer{gap:0}.lilo-app .lilo-cta-bar{position:sticky;bottom:0;z-index:15;margin:0 -12px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -2px #1b171410}}@media(prefers-reduced-motion:reduce){.lilo-app *,.lilo-app *:before,.lilo-app *:after{transition:none!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lilo.css.map */