:root{--tg-bg-primary:var(--lu-bg);--tg-bg-secondary:var(--lu-paper);--tg-bg-tertiary:var(--lu-bg-deep);--tg-text-primary:var(--lu-ink);--tg-text-secondary:var(--lu-ink-muted);--tg-border-default:var(--lu-ink);--tg-border-glow:hsla(0,0%,5%,.2);--tg-accent-primary:var(--lu-yellow);--tg-accent-secondary:var(--lu-yellow-deep);--tg-accent-warning:var(--lu-warning);--tg-accent-error:var(--lu-coral);--tg-accent-success:var(--lu-success);--tg-text-tertiary:var(--lu-ink-muted);--tg-accent-link:var(--lu-ink)}.lu-editor-shell{height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--lu-bg);color:var(--lu-ink);overflow:hidden}html:has(.lu-editor-shell),html:has(.lu-editor-shell) body{height:100%;overflow:hidden}html:has(.lu-editor-shell) .lu-root{height:100%;min-height:0;overflow:hidden}.lu-editor-header{flex-direction:column}.lu-editor-header,.lu-editor-topbar{flex-shrink:0;width:100%;display:flex}.lu-editor-topbar{align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:var(--lu-paper);border-bottom:var(--lu-bw-2) solid var(--lu-ink)}.lu-editor-icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:none;cursor:pointer;color:var(--lu-ink);border-radius:4px}.lu-device-toggle,.lu-editor-icon-btn:hover{background:var(--lu-bg-deep)}.lu-device-toggle{display:flex;border:2px solid var(--lu-ink);border-radius:4px;overflow:hidden}.lu-device-toggle-btn{padding:7px 14px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;background:transparent;color:var(--lu-ink)}.lu-device-toggle-btn[data-active=true]{background:var(--lu-ink);color:var(--lu-paper)}.lu-editor-body{flex:1;display:flex;min-height:0}.lu-editor-sidebar{width:min(520px,48vw);min-width:360px;flex-shrink:0;background:var(--lu-paper);border-right:var(--lu-bw-2) solid var(--lu-ink);display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:1}.lu-editor-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;flex-shrink:0;background:var(--lu-bg-deep);border-bottom:var(--lu-bw-2) solid var(--lu-ink)}.lu-editor-tab{padding:12px 10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--lu-ink);border-right:1.5px solid var(--lu-line);white-space:nowrap;position:relative;min-width:0;font-size:11px}.lu-editor-tab:last-child{border-right:none}.lu-editor-tab[data-active=true]{background:var(--lu-yellow)}.lu-editor-tab[data-active=true]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--lu-ink)}.lu-editor-panel{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:auto;padding:20px}.lu-editor-preview{flex:1;min-width:0;min-height:0;background:#ece7cd;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,5%,.08) 1px,transparent 0);background-size:20px 20px;padding:24px;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.lu-editor-preview-frame{width:min(var(--lu-preview-width,920px),100%);max-width:100%;max-height:calc(100vh - 148px);background:transparent;border:var(--lu-bw-3) solid var(--lu-ink);box-shadow:6px 6px 0 0 var(--lu-ink);overflow:hidden;display:flex;flex-direction:column;flex-shrink:1;transition:width .28s var(--lu-ease),border-color .28s var(--lu-ease),box-shadow .28s var(--lu-ease)}.lu-editor-preview-chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--lu-bg-deep);border-bottom:2px solid var(--lu-ink)}.lu-editor-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--lu-ink)}.lu-editor-dot--coral{background:var(--lu-coral)}.lu-editor-dot--warning{background:var(--lu-warning)}.lu-editor-dot--success{background:var(--lu-success)}.lu-editor-preview-url{margin:0 auto;padding:3px 12px;background:var(--lu-paper);border:1.5px solid var(--lu-ink);border-radius:2px;font-family:var(--lu-font-mono);font-size:11px}.lu-editor-phone-notch{width:110px;height:22px;background:var(--lu-ink);border-radius:0 0 14px 14px;margin:0 auto}.lu-editor-preview-body{flex:1;min-height:0;overflow-y:auto}.lu-file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}@keyframes lu-editor-spin{to{transform:rotate(1turn)}}.lu-editor-error{background:color-mix(in srgb,var(--lu-coral) 15%,transparent);border-bottom:2px solid var(--lu-coral);padding:10px 18px;text-align:center;font-size:13px;color:var(--lu-coral)}@media (max-width:1100px){.lu-editor-sidebar{width:min(420px,50vw);min-width:340px}}@media (max-width:900px){.lu-editor-body{flex-direction:column}.lu-editor-sidebar{width:100%;max-height:50vh;border-right:none;border-bottom:var(--lu-bw-2) solid var(--lu-ink)}.lu-editor-tab{flex-direction:column;gap:4px;padding:10px 4px;font-size:9px}.lu-editor-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.lu-editor-topbar{flex-wrap:wrap}.lu-device-toggle{order:3;width:100%;justify-content:center}}.lu-add-events-grid{display:grid;grid-template-columns:1fr;gap:12px}.lu-add-events-card{display:grid;grid-template-columns:88px 1fr;gap:0;border:var(--lu-bw-2) solid var(--lu-ink);border-radius:4px;overflow:hidden;background:var(--lu-paper);box-shadow:3px 3px 0 0 var(--lu-ink)}.lu-add-events-card-art{display:grid;place-items:center;border-right:var(--lu-bw-2) solid var(--lu-ink)}.lu-add-events-card-body{padding:14px 16px}.lu-add-events-card-title{margin:0 0 6px;font-size:16px;font-weight:700}.lu-editor-drawer-backdrop{position:fixed;inset:0;background:hsla(0,0%,5%,.35);z-index:60;display:flex;justify-content:flex-end}.lu-editor-drawer{height:100%;background:var(--lu-paper);border-left:var(--lu-bw-3) solid var(--lu-ink);box-shadow:-8px 0 0 hsla(0,0%,5%,.08);display:flex;flex-direction:column;max-width:100%}.lu-editor-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:var(--lu-bw-2) solid var(--lu-ink);background:var(--lu-bg-deep)}.lu-editor-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:20px}