*,:before,:after{box-sizing:border-box;word-wrap:break-word;-webkit-tap-highlight-color:transparent;scrollbar-width:none;margin:0;padding:0;line-height:1.6}:root{--color-focus:var(--color-primary);--control-height:32px;--border-radius-standard:4px;--border-radius-large:8px;--stroke-width:1px;--focus-stroke-width:2px;--blur-acrylic:16px;--blur:10px;--duration-fast:.1s;--duration-normal:.24s;--duration-slow:.333s;--ease-standard:ease;--ease-accelerate:ease-out;--color-primary:#000;--color-primary-hover:#3f3f3f;--color-danger:#c42b1c;--color-text:#1a1a1a;--color-text-bold:#1a1a1a;--color-text-muted:#5d5d5d;--color-text-on-accent:#f5f7fa;--color-background:#f5f7fa;--color-foreground:#fff;--color-layer:#f9f9f9;--color-overlay:#f9f9f9;--color-control:#fff;--color-hover:#e8eaef;--color-pressed:#e1e3e5;--color-border:#ebebeb;--color-border-strong:#d1d1d1;--shadow-card:0 0 2px #0000001f, 0 1px 2px #00000024;--shadow-flyout:0 0 2px #0000001f, 0 8px 16px #00000024;--shadow-standard:0 0 2px #0000001f, 0 16px 32px #00000024}@media (prefers-color-scheme:dark){:root{--color-primary:#e3e1d9;--color-primary-hover:#a2a19c;--color-danger:#c42b1c;--color-text:#f5f7fa;--color-text-bold:#fff;--color-text-muted:#5d5d5d;--color-text-on-accent:#202020;--color-background:#202020;--color-foreground:#2c2c2c;--color-layer:#282828;--color-overlay:#2c2c2c;--color-control:#2b2b2b;--color-hover:#333;--color-pressed:#3b3b3b;--color-border:#444;--color-border-strong:#5a5a5a;--shadow-card:0 0 2px #7777, 0 1px 2px #7777;--shadow-flyout:0 0 2px #7777773d, 0 8px 16px #7777775c;--shadow-standard:0 0 2px #7777773d, 0 16px 32px #77777773}}body{color:var(--color-text);background:var(--color-background);line-height:1.6;font:--system-ui, sans-serif;-webkit-user-select:none;user-select:none;font-size:16px}#root{flex-direction:column;min-height:100dvh;display:flex}button{border-radius:var(--border-radius-standard);transition:all var(--duration-slow) var(--ease-standard);cursor:pointer;border:none;outline:none;place-items:center;font-weight:700;display:grid;box-shadow:0 0 #0000}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-accent)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-hover);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-pressed)}.card{border:var(--color-border);border-radius:var(--border-radius-large);box-shadow:var(--shadow-card);background-color:var(--color-foreground)}.overlay[data-v-bf7d212a]{z-index:200;width:200vw;height:200vh;position:fixed;top:-50vh;left:-50vw}.overlay.hidden[data-v-bf7d212a]{pointer-events:none}.backdrop[data-v-bf7d212a]{width:100%;height:100%;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transition:all var(--duration-fast) var(--ease-accelerate);background-color:#7774;place-items:center;display:grid}.backdrop.hidden[data-v-bf7d212a]{opacity:0}.popmenu[data-v-43853e9d]{z-index:201;border:1px solid var(--color-border-strong);background:var(--color-foreground);min-width:140px;box-shadow:var(--shadow-flyout);transition:opacity var(--duration-fast) var(--ease-accelerate);border-radius:6px;padding:4px;font-size:13px;font-weight:400;position:fixed}.popmenu.hidden[data-v-43853e9d]{opacity:0;pointer-events:none}.popmenu div[data-v-43853e9d]{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;height:32px;padding:0 12px;display:flex}.popmenu div[data-v-43853e9d]:hover{background:var(--color-hover)}.actions-button[data-v-36da1a5a]{z-index:100;border-radius:100%;justify-content:center;align-items:center;gap:3px;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:10px;left:10px}.actions-button.hidden[data-v-36da1a5a]{opacity:0}.actions-button[data-v-36da1a5a]:hover{opacity:1;background-color:var(--color-hover)}span[data-v-36da1a5a]{aspect-ratio:1;background:var(--color-text);border-radius:100%;width:4px;display:block}.editor[data-v-092d1264]{padding-top:55px;display:flex}.msgbox[data-v-779492c7]{z-index:201;border:1px solid var(--color-border-strong);border-radius:var(--border-radius-large);background:var(--color-foreground);width:min(360px,100% - 32px);height:fit-content;box-shadow:var(--shadow-standard);transition:all var(--duration-fast) var(--ease-accelerate);margin:auto;padding:20px 20px 16px;position:fixed;inset:0 0 5vh}.msgbox.hidden[data-v-779492c7]{opacity:0;pointer-events:none;transform:translateY(10px)}.title[data-v-8045bbe9]{font-weight:700}input[data-v-8045bbe9]{width:100%;height:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-standard);background:var(--color-control);color:var(--color-text);font:inherit;outline:none;margin:12px 0;padding:0 10px}.row[data-v-8045bbe9]{justify-content:flex-end;gap:8px;display:flex}button[data-v-8045bbe9]{height:var(--control-height);padding:0 12px}.home[data-v-64a2deaf]{place-items:center;min-height:100dvh;display:grid}.main[data-v-64a2deaf]{width:min(380px,100%);margin-bottom:5vh}.main button[data-v-64a2deaf]{width:100%;height:50px;margin-bottom:20px;font-size:18px}.title[data-v-6a4d28de]{font-weight:700}input[data-v-6a4d28de]{width:100%;height:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-standard);background:var(--color-control);color:var(--color-text);font:inherit;outline:none;margin:12px 0;padding:0 10px}.row[data-v-6a4d28de]{justify-content:flex-end;gap:8px;display:flex}button[data-v-6a4d28de]{height:var(--control-height);padding:0 12px}.title[data-v-656479f6]{font-weight:700}p[data-v-656479f6]{color:var(--color-text-muted);margin-top:8px;font-size:14px}input[data-v-656479f6]{width:100%;height:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-standard);background:var(--color-control);color:var(--color-text);font:inherit;outline:none;margin:12px 0;padding:0 10px}.row[data-v-656479f6]{justify-content:flex-end;gap:8px;display:flex}button[data-v-656479f6]{height:var(--control-height);padding:0 12px}.library[data-v-6f41578a]{width:100%;min-height:100%;overflow-x:hidden}.main[data-v-6f41578a]{width:100%;max-width:42em;margin:48px auto;overflow:hidden}.header[data-v-6f41578a]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.header .title[data-v-6f41578a]{color:var(--color-text-bold);cursor:pointer;font-size:22px;font-weight:700}.header .side-buttons[data-v-6f41578a]{gap:.5rem;display:flex}.header .side-buttons button[data-v-6f41578a]{padding:5px 8px}.content[data-v-6f41578a]{flex-direction:column;gap:.15rem;display:flex}.content .item[data-v-6f41578a]{cursor:pointer;border-radius:6px;align-items:center;gap:.75rem;width:100%;padding:10px 8px 10px 14px;transition:background .15s;display:flex;overflow:hidden}.content .item .item-text[data-v-6f41578a]{flex:1;align-items:center;display:flex;overflow:hidden}.content .item .item-title[data-v-6f41578a]{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-bold);margin-right:4px;overflow:hidden}.content .item .item-text span[data-v-6f41578a]{opacity:.5;flex:none;width:16px;height:16px;line-height:0;display:block;overflow:hidden}.content .item .item-text span [data-v-6f41578a] svg{width:100%;height:100%;display:block}.content .item .item-more[data-v-6f41578a]{opacity:.45;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:3px;width:28px;height:28px;transition:background .15s;display:flex}.content .item .item-more span[data-v-6f41578a]{background:currentColor;border-radius:50%;width:3px;height:3px}.content .item .item-more[data-v-6f41578a]:hover{background:var(--color-pressed)}.content .item[data-v-6f41578a]:hover{background:var(--color-hover)}.placeholder[data-v-6f41578a]{opacity:.5;place-items:center;min-height:12rem;display:grid}.window-controls[data-v-8f347475]{z-index:100;transition:opacity .2s;display:flex;position:fixed;top:0;right:0}.window-controls.hidden[data-v-8f347475]{opacity:0}.window-button[data-v-8f347475]{height:var(--control-height);aspect-ratio:1.5;transition:all var(--duration-fast) var(--ease-accelerate);place-items:center;display:grid}.window-button [data-v-8f347475] svg{width:12px}.window-button[data-v-8f347475]:hover{background-color:var(--color-hover)}.window-button[data-v-8f347475]:last-child:hover{background-color:var(--color-danger);color:#fff}.app[data-v-818df184]{flex:1;padding:0 12px;display:flex}.app[data-v-818df184]>*{flex:1}
