: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;--dock-height:58px;--drawer-height:132px;--color-stage:#e2e2e2;--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-19bf089a]{padding:env(safe-area-inset-top,0px) var(--spacing-lg) 0;height:calc(var(--header-height) + env(safe-area-inset-top,0px));background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.top-bar__name[data-v-19bf089a]{font-size:var(--font-size-app);letter-spacing:-.5px;color:var(--color-text-main);font-weight:600}.top-bar__dl-btn[data-v-19bf089a]{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-19bf089a]{background:#444}.top-bar__dl-btn.is-busy[data-v-19bf089a]{opacity:.6;cursor:default}.top-bar__dl-icon[data-v-19bf089a]{align-items:center;width:13px;height:13px;display:flex}.top-bar__dl-icon[data-v-19bf089a] svg{width:13px;height:13px}.framee-canvas[data-v-750cd950]{aspect-ratio:4/5;background:#e2e2e2;border-radius:12px;flex-shrink:0;width:min(100cqw,80cqh);position:relative;overflow:hidden}.framee-canvas__el[data-v-750cd950]{width:100%;height:100%;display:block}.framee-canvas__file-input[data-v-750cd950]{display:none}.dock[data-v-cc0f8d9d]{min-height:var(--dock-height);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-surface);border-top:.5px solid var(--color-border);flex-shrink:0;display:flex}.dock__tab[data-v-cc0f8d9d]{padding:0 var(--spacing-md);color:var(--color-text-main);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:10px;transition:color .2s,background .15s;display:flex;position:relative}.dock__tab+.dock__tab[data-v-cc0f8d9d]{border-left:.5px solid var(--color-border)}.dock__tab[data-v-cc0f8d9d]:before{content:"";background:var(--color-action);height:2px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:-.5px;left:0;right:0;transform:scaleX(0)}.dock__tab.is-current[data-v-cc0f8d9d]:before{transform:scaleX(1)}.dock.is-open .dock__tab[data-v-cc0f8d9d]:not(.is-current){color:var(--color-text-muted)}.dock__tab[data-v-cc0f8d9d]:active{background:#0000000a}.dock__tab[data-v-cc0f8d9d]:focus-visible{outline:2px solid var(--color-action);outline-offset:-4px}.dock__icon[data-v-cc0f8d9d]{flex-shrink:0;width:22px;height:22px;display:flex}.dock__icon[data-v-cc0f8d9d] svg{stroke:currentColor;width:22px;height:22px}.dock__text[data-v-cc0f8d9d]{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.dock__label[data-v-cc0f8d9d]{font-size:14px;font-weight:600;line-height:1.25}.dock__value[data-v-cc0f8d9d]{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;line-height:1.25;display:flex}.dock__dot[data-v-cc0f8d9d]{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:inset 0 0 0 .5px #0000004d}@media (prefers-reduced-motion:reduce){.dock__tab[data-v-cc0f8d9d],.dock__tab[data-v-cc0f8d9d]:before{transition:none}}.layout-drawer[data-v-113833a9]{height:var(--drawer-height);align-items:center;display:flex}.layout-drawer__scroll[data-v-113833a9]{padding:6px var(--spacing-lg);scroll-snap-type:x proximity;scroll-padding:0 var(--spacing-lg);scrollbar-width:none;flex:1;gap:14px;display:flex;overflow-x:auto}.layout-drawer__scroll[data-v-113833a9]::-webkit-scrollbar{display:none}.layout-drawer__card[data-v-113833a9]{cursor:pointer;scroll-snap-align:start;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:68px;padding:0;transition:transform .15s;display:flex}.layout-drawer__card[data-v-113833a9]:active{transform:scale(.96)}.layout-drawer__thumb[data-v-113833a9]{aspect-ratio:4/5;width:68px;box-shadow:inset 0 0 0 .5px var(--color-border-em);outline-offset:3px;border-radius:3px;outline:2px solid #0000;transition:outline-color .15s;position:relative}.layout-drawer__cell[data-v-113833a9]{background:#bdbdba;position:absolute}.layout-drawer__card.is-active .layout-drawer__thumb[data-v-113833a9]{outline-color:var(--color-action)}.layout-drawer__card[data-v-113833a9]:focus-visible{outline:none}.layout-drawer__card:focus-visible .layout-drawer__thumb[data-v-113833a9]{outline-color:var(--color-action);outline-style:dashed}.layout-drawer__name[data-v-113833a9]{font-size:var(--font-size-btn);color:var(--color-text-muted);white-space:nowrap;line-height:1.2;transition:color .15s}.layout-drawer__card.is-active .layout-drawer__name[data-v-113833a9]{color:var(--color-text-main);font-weight:600}@media (prefers-reduced-motion:reduce){.layout-drawer__card[data-v-113833a9],.layout-drawer__thumb[data-v-113833a9],.layout-drawer__name[data-v-113833a9]{transition:none}}.border-drawer[data-v-020d8c7b]{height:var(--drawer-height);padding:0 var(--spacing-lg);flex-direction:column;justify-content:center;gap:8px;display:flex}.border-drawer__row[data-v-020d8c7b]{align-items:center;gap:12px;height:44px;display:flex}.border-drawer__label[data-v-020d8c7b]{width:28px;font-size:var(--font-size-btn);color:var(--color-text-muted);flex-shrink:0}.border-drawer__slider[data-v-020d8c7b]{cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;flex:1;min-width:0;height:32px;margin:0}.border-drawer__slider[data-v-020d8c7b]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-action) var(--fill), var(--color-border-em) var(--fill));border-radius:2px;height:4px}.border-drawer__slider[data-v-020d8c7b]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface);border:2px solid var(--color-action);border-radius:50%;width:26px;height:26px;margin-top:-11px;box-shadow:0 1px 3px #0000002e}.border-drawer__slider[data-v-020d8c7b]::-moz-range-track{background:linear-gradient(to right, var(--color-action) var(--fill), var(--color-border-em) var(--fill));border-radius:2px;height:4px}.border-drawer__slider[data-v-020d8c7b]::-moz-range-thumb{box-sizing:border-box;background:var(--color-surface);border:2px solid var(--color-action);border-radius:50%;width:26px;height:26px;box-shadow:0 1px 3px #0000002e}.border-drawer__slider[data-v-020d8c7b]:focus-visible{outline:none}.border-drawer__slider[data-v-020d8c7b]:focus-visible::-webkit-slider-thumb{outline:2px dashed var(--color-action);outline-offset:3px}.border-drawer__slider[data-v-020d8c7b]:focus-visible::-moz-range-thumb{outline:2px dashed var(--color-action);outline-offset:3px}.border-drawer__val[data-v-020d8c7b]{text-align:right;font-variant-numeric:tabular-nums;width:48px;color:var(--color-text-main);flex-shrink:0;font-size:14px;font-weight:600}.border-drawer__swatches[data-v-020d8c7b]{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.border-drawer__swatch[data-v-020d8c7b],.border-drawer__custom[data-v-020d8c7b]{aspect-ratio:1;border-radius:50%;flex:1 1 0;max-width:36px}.border-drawer__swatch[data-v-020d8c7b]{cursor:pointer;box-shadow:inset 0 0 0 .5px var(--color-border-em);border:none;padding:0;transition:box-shadow .15s,transform .15s}.border-drawer__swatch[data-v-020d8c7b]:active{transform:scale(.92)}.border-drawer__swatch.is-active[data-v-020d8c7b]{box-shadow:inset 0 0 0 .5px var(--color-border-em), 0 0 0 2px var(--color-surface), 0 0 0 3.5px var(--color-action)}.border-drawer__swatch[data-v-020d8c7b]:focus-visible{outline:2px dashed var(--color-action);outline-offset:3px}.border-drawer__custom[data-v-020d8c7b]{cursor:pointer;transition:box-shadow .15s,transform .15s;position:relative}.border-drawer__custom[data-v-020d8c7b]:active{transform:scale(.92)}.border-drawer__custom.is-active[data-v-020d8c7b]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 3.5px var(--color-action)}.border-drawer__ring[data-v-020d8c7b]{background:conic-gradient(#f26d6d,#f2c76d,#8fd97a,#6dc9f2,#8a7cf2,#e97cc4,#f26d6d);border-radius:50%;width:100%;height:100%;padding:3px;display:block}.border-drawer__core[data-v-020d8c7b]{background:var(--color-surface);width:100%;height:100%;box-shadow:inset 0 0 0 .5px var(--color-border-em);border-radius:50%;place-items:center;display:grid}.border-drawer__pick[data-v-020d8c7b]{width:14px;height:14px;color:var(--color-text-main);display:flex}.border-drawer__pick[data-v-020d8c7b] svg{stroke:currentColor;width:14px;height:14px}.border-drawer__picker[data-v-020d8c7b]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.border-drawer__custom[data-v-020d8c7b]:has(.border-drawer__picker:focus-visible){outline:2px dashed var(--color-action);outline-offset:3px}@media (prefers-reduced-motion:reduce){.border-drawer__swatch[data-v-020d8c7b],.border-drawer__custom[data-v-020d8c7b]{transition:none}}.notice[data-v-35eb13d5]{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.notice__scrim[data-v-35eb13d5]{background:#1a1a1a6b;position:absolute;inset:0}.notice__sheet[data-v-35eb13d5]{width:100%;max-width:500px;padding:14px var(--spacing-lg) calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-radius:20px 20px 0 0;position:relative;box-shadow:0 -1px #0000000f}.notice__handle[data-v-35eb13d5]{background:#00000026;border-radius:2px;width:36px;height:3px;margin:0 auto 18px}.notice__head[data-v-35eb13d5]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.notice__mark[data-v-35eb13d5]{color:#b3372b;background:#fbe9e7;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.notice__title[data-v-35eb13d5]{letter-spacing:-.2px;color:var(--color-text-main);font-size:17px;font-weight:600;line-height:1.3}.notice__message[data-v-35eb13d5]{color:var(--color-text-main);text-wrap:pretty;font-size:14px;line-height:1.65}.notice__detail[data-v-35eb13d5]{border-radius:var(--radius-sm);color:var(--color-text-muted);word-break:break-all;-webkit-user-select:text;user-select:text;background:#f4f4f2;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.5}.notice__actions[data-v-35eb13d5]{flex-direction:column;gap:8px;margin-top:20px;display:flex}.notice__btn[data-v-35eb13d5]{border:.5px solid var(--color-border-em);height:46px;color:var(--color-text-main);cursor:pointer;background:0 0;border-radius:23px;font-size:15px;font-weight:500;transition:transform .15s,background .15s}.notice__btn[data-v-35eb13d5]:active{transform:scale(.97)}.notice__btn--primary[data-v-35eb13d5]{background:var(--color-action);border-color:var(--color-action);color:var(--color-action-text)}.notice__btn[data-v-35eb13d5]:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.notice-enter-active .notice__scrim[data-v-35eb13d5],.notice-leave-active .notice__scrim[data-v-35eb13d5]{transition:opacity .24s}.notice-enter-active .notice__sheet[data-v-35eb13d5]{transition:transform var(--drawer-anim-open)}.notice-leave-active .notice__sheet[data-v-35eb13d5]{transition:transform var(--drawer-anim-close)}.notice-enter-from .notice__scrim[data-v-35eb13d5],.notice-leave-to .notice__scrim[data-v-35eb13d5]{opacity:0}.notice-enter-from .notice__sheet[data-v-35eb13d5],.notice-leave-to .notice__sheet[data-v-35eb13d5]{transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.notice-enter-active .notice__sheet[data-v-35eb13d5],.notice-leave-active .notice__sheet[data-v-35eb13d5]{transition:none}.notice-enter-from .notice__sheet[data-v-35eb13d5],.notice-leave-to .notice__sheet[data-v-35eb13d5]{transform:none}}.loading-pill[data-v-9d5a44fd]{z-index:5;border-radius:var(--radius-pill);color:#fff;font-size:var(--font-size-btn);white-space:nowrap;pointer-events:none;background:#1a1a1ae0;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.loading-pill__spinner[data-v-9d5a44fd]{border:1.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite pill-spin-9d5a44fd}@keyframes pill-spin-9d5a44fd{to{transform:rotate(360deg)}}.pill-enter-active[data-v-9d5a44fd],.pill-leave-active[data-v-9d5a44fd]{transition:opacity .18s}.pill-enter-from[data-v-9d5a44fd],.pill-leave-to[data-v-9d5a44fd]{opacity:0}@media (prefers-reduced-motion:reduce){.loading-pill__spinner[data-v-9d5a44fd]{animation-duration:2.4s}}.framee-view[data-v-c661668e]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.framee-view__stage[data-v-c661668e]{background:var(--color-stage);flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 14px;display:flex;position:relative;container-type:size}.framee-view__panel[data-v-c661668e]{visibility:hidden;background:var(--color-surface);transition:grid-template-rows var(--drawer-anim-close), visibility 0s linear .28s;flex-shrink:0;grid-template-rows:0fr;display:grid}.framee-view__panel.is-open[data-v-c661668e]{visibility:visible;transition:grid-template-rows var(--drawer-anim-open), visibility 0s;grid-template-rows:1fr}.framee-view__panel-inner[data-v-c661668e]{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.framee-view__panel[data-v-c661668e],.framee-view__panel.is-open[data-v-c661668e]{transition:none}}
