:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-text-main:#1a1a1a;--color-text-muted:#888;--color-border:#0000001a;--color-border-em:#0003;--color-action:#1a1a1a;--color-action-text:#fff;--spacing-xs:6px;--spacing-sm:8px;--spacing-md:14px;--spacing-lg:16px;--radius-sm:8px;--radius-md:14px;--radius-pill:20px;--font-size-label:10px;--font-size-sm:11px;--font-size-btn:12px;--font-size-app:19px;--header-height:52px;--drawer-height:170px;--drawer-anim-open:.32s cubic-bezier(.4, 0, .2, 1);--drawer-anim-close:.28s cubic-bezier(.4, 0, .2, 1)}body{color:var(--color-text-main);background-color:var(--color-bg);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}#app{background-color:var(--color-surface);flex-direction:column;max-width:500px;min-height:100dvh;margin:0 auto;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}.top-bar[data-v-b94ef72b]{padding:0 var(--spacing-lg);height:var(--header-height);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.top-bar__name[data-v-b94ef72b]{font-size:var(--font-size-app);letter-spacing:-.5px;color:var(--color-text-main);font-weight:600}.top-bar__dl-btn[data-v-b94ef72b]{border-radius:var(--radius-pill);background:var(--color-action);color:var(--color-action-text);font-size:var(--font-size-btn);cursor:pointer;border:none;align-items:center;gap:4px;padding:7px 14px;font-weight:500;transition:background .15s;display:flex}.top-bar__dl-btn.is-flashing[data-v-b94ef72b]{background:#444}.top-bar__dl-icon[data-v-b94ef72b]{align-items:center;width:13px;height:13px;display:flex}.top-bar__dl-icon[data-v-b94ef72b] svg{width:13px;height:13px}.framee-canvas[data-v-0fa9be48]{aspect-ratio:4/5;background:#e2e2e2;border-radius:12px;width:100%;position:relative;overflow:hidden}.framee-canvas__el[data-v-0fa9be48]{width:100%;height:100%;display:block}.framee-canvas__file-input[data-v-0fa9be48]{display:none}.bottom-bar[data-v-8f96cca2]{gap:var(--spacing-sm);padding:0 var(--spacing-md);flex-shrink:0;display:flex}.bottom-bar__btn[data-v-8f96cca2]{padding:var(--spacing-sm) 6px;border-radius:var(--radius-md);background:var(--color-surface);border:.5px solid var(--color-border);cursor:pointer;color:var(--color-text-muted);flex-direction:column;flex:1;align-items:center;gap:3px;transition:background .15s,border-color .15s,transform .15s;display:flex}.bottom-bar__btn[data-v-8f96cca2]:active{transform:scale(.95)}.bottom-bar__btn.is-open[data-v-8f96cca2]{background:var(--color-action);border-color:var(--color-action);color:#fffc}.bottom-bar__icon[data-v-8f96cca2]{align-items:center;width:18px;height:18px;display:flex}.bottom-bar__icon[data-v-8f96cca2] svg{stroke:currentColor;width:18px;height:18px}.bottom-bar__label[data-v-8f96cca2]{font-size:var(--font-size-label);letter-spacing:.03em;font-weight:500}.layout-drawer[data-v-fd61d6c1]{padding:14px var(--spacing-lg) var(--spacing-lg);height:var(--drawer-height);box-sizing:border-box;flex-direction:column;display:flex}.layout-drawer__handle[data-v-fd61d6c1]{background:#00000026;border-radius:2px;flex-shrink:0;width:36px;height:3px;margin:0 auto 12px}.layout-drawer__title[data-v-fd61d6c1]{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;margin-bottom:12px;font-weight:500}.layout-drawer__scroll[data-v-fd61d6c1]{gap:var(--spacing-sm);flex:1;align-items:flex-start;padding-bottom:2px;display:flex;overflow-x:auto}.layout-drawer__scroll[data-v-fd61d6c1]::-webkit-scrollbar{display:none}.layout-drawer__card[data-v-fd61d6c1]{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:60px;padding:0;display:flex}.layout-drawer__thumb[data-v-fd61d6c1]{border-radius:var(--radius-sm);background:#f0f0ee;border:1.5px solid #0000;width:60px;height:75px;transition:border-color .15s;display:flex;overflow:hidden}.layout-drawer__card.is-active .layout-drawer__thumb[data-v-fd61d6c1]{border-color:var(--color-action)}.layout-drawer__name[data-v-fd61d6c1]{color:var(--color-text-muted);font-size:9px;font-weight:400}.layout-drawer__card.is-active .layout-drawer__name[data-v-fd61d6c1]{color:var(--color-text-main);font-weight:500}.lt[data-v-fd61d6c1]{gap:2px;width:100%;height:100%;padding:3px;display:flex}.lt__cell[data-v-fd61d6c1]{background:#00000026;border-radius:2px;flex:1}.lt--1[data-v-fd61d6c1],.lt--2[data-v-fd61d6c1],.lt--5[data-v-fd61d6c1]{flex-direction:column}.lt--3[data-v-fd61d6c1]{flex-direction:row}.lt__col[data-v-fd61d6c1]{flex-direction:column;flex:1;gap:2px;display:flex}.lt--4[data-v-fd61d6c1]{flex-direction:column}.lt__row[data-v-fd61d6c1]{flex-direction:row;flex:1;gap:2px;display:flex}.border-drawer[data-v-7abb34ec]{padding:14px var(--spacing-lg) var(--spacing-lg);height:var(--drawer-height);box-sizing:border-box;flex-direction:column;justify-content:space-between;display:flex}.border-drawer__handle[data-v-7abb34ec]{background:#00000026;border-radius:2px;flex-shrink:0;width:36px;height:3px;margin:0 auto 12px}.border-drawer__section[data-v-7abb34ec]{flex-direction:column;flex:1;justify-content:center;display:flex}.border-drawer__divider[data-v-7abb34ec]{background:var(--color-border);flex-shrink:0;height:.5px;margin:8px 0}.border-drawer__title[data-v-7abb34ec]{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-weight:500}.border-drawer__slider-row[data-v-7abb34ec]{align-items:center;gap:10px;display:flex}.border-drawer__slider[data-v-7abb34ec]{accent-color:var(--color-action);flex:1}.border-drawer__val[data-v-7abb34ec]{color:var(--color-text-main);text-align:right;min-width:38px;font-size:13px;font-weight:500}.border-drawer__color-row[data-v-7abb34ec]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.border-drawer__swatch[data-v-7abb34ec]{cursor:pointer;border:1.5px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:border-color .15s}.border-drawer__swatch.is-white[data-v-7abb34ec]{border-color:#0000002e}.border-drawer__swatch.is-active[data-v-7abb34ec]{border-color:var(--color-action);outline-offset:-4px;outline:2px solid #fff}.border-drawer__custom[data-v-7abb34ec]{align-items:center;gap:5px;margin-left:auto;display:flex}.border-drawer__custom-label[data-v-7abb34ec]{font-size:var(--font-size-sm);color:var(--color-text-muted)}.border-drawer__custom-input[data-v-7abb34ec]{border:1.5px solid var(--color-border);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}.framee-view[data-v-4bb0819f]{flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.framee-view__canvas-wrap[data-v-4bb0819f]{background:#e2e2e2;flex:1;align-items:center;padding:10px 14px;display:flex}.framee-view__drawer[data-v-4bb0819f]{height:var(--drawer-height);background:var(--color-surface);border-top:.5px solid #00000014;flex-shrink:0;overflow:hidden}.framee-view__home-ind[data-v-4bb0819f]{flex-shrink:0;height:30px}.drawer-enter-active[data-v-4bb0819f]{transition:transform var(--drawer-anim-open)}.drawer-leave-active[data-v-4bb0819f]{transition:transform var(--drawer-anim-close)}.drawer-enter-from[data-v-4bb0819f],.drawer-leave-to[data-v-4bb0819f]{transform:translateY(100%)}