html,body,#app{margin:0;min-height:100%;height:100%}body{background:radial-gradient(circle at top left,rgba(200,169,110,.14),transparent 30%),radial-gradient(circle at 78% 18%,rgba(167,139,250,.1),transparent 24%),radial-gradient(circle at bottom right,rgba(126,200,164,.1),transparent 28%),var(--bg);color:var(--text);font-family:Geist,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(200,169,110,.9);outline-offset:2px}.app-shell{display:flex;min-height:100vh;overflow:hidden}.sidebar-shell{flex:0 0 auto;width:var(--sidebar-width);min-width:0;overflow:hidden}.app-main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace{display:flex;min-height:0;flex:1;min-width:0}.pane-resizer{position:relative;flex:0 0 var(--pane-resizer-size);width:var(--pane-resizer-size);min-width:var(--pane-resizer-size);border:none;padding:0;background:transparent;cursor:col-resize}.pane-resizer:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:78px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#c8a96e4d,#ffffff14);transform:translate(-50%,-50%);opacity:.35;transition:.14s ease}.pane-resizer:hover:before,.pane-resizer[data-dragging=true]:before{opacity:.95;box-shadow:0 0 0 1px #c8a96e1f,0 10px 30px #c8a96e2e}.pane-resizer[data-collapsed=true]:before{height:54px;opacity:.55}.editor-column,.preview-column{min-width:0}.editor-column{display:flex;flex-direction:column;flex:1 1 auto;min-width:var(--editor-min-width);border-right:.5px solid var(--border);background:linear-gradient(180deg,#ffffff0b,#ffffff04);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.editor-frame{flex:1;min-height:0}.preview-column{flex:0 0 auto;border-right:.5px solid var(--border);background:linear-gradient(180deg,#ffffff0d,#ffffff05),#ffffff04;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:auto}.preview-column[data-collapsed=true],.sidebar-shell[data-collapsed=true]{border:none}.preview{box-sizing:border-box;max-width:900px;margin:24px;padding:32px;color:#ffffffd1;font-size:15px;line-height:1.85;border:.5px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,#fff1,#ffffff07),#08080838;box-shadow:inset 0 1px #ffffff14,0 24px 64px #00000038;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{font-family:Playfair Display,serif;color:#f8efe0;letter-spacing:.02em}.preview a{color:var(--amber)}.preview pre{background:#050505c7;border:.5px solid rgba(255,255,255,.07);border-radius:20px;overflow-x:auto;padding:18px 20px;box-shadow:inset 0 1px #ffffff0a}.preview table{width:100%;border-collapse:collapse;border:.5px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff05;overflow:hidden}.preview th,.preview td{padding:12px 14px;border-bottom:.5px solid rgba(255,255,255,.06);text-align:left}.preview th{color:#f0e2c3;font-family:DM Mono,monospace;font-size:12px;background:#c8a96e14}.preview tr:last-child td{border-bottom:none}.preview code{font-family:DM Mono,monospace}.preview blockquote{margin:0;padding-left:16px;border-left:2px solid rgba(200,169,110,.4);color:#ffffffa6}.statusbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 16px 16px;padding:12px 16px;border:.5px solid rgba(255,255,255,.08);border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff07),#0808087a;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000003d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.statusbar__left,.statusbar__right{display:flex;align-items:center;gap:12px}.statusbar__words,.statusbar__saved,.statusbar__message{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.statusbar__saved{color:var(--mint)}.statusbar__message{color:var(--danger)}.statusbar__button{border:.5px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffb8;border-radius:999px;padding:7px 13px;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;transition:.15s ease;box-shadow:inset 0 1px #ffffff0f}.statusbar__button:hover{color:var(--gold);border-color:#c8a96e73;background:#c8a96e14}.shareflow,.exportflow,.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(200,169,110,.12),transparent 28%),#00000094;z-index:40}.shareflow__panel,.exportflow__panel,.settings-panel{width:min(680px,100%);background:linear-gradient(180deg,#ffffff1c,#ffffff09),#0e0e0eb8;border:.5px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:inset 0 1px #ffffff17,var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.shareflow__panel{width:min(560px,100%);padding:28px}.exportflow__panel{width:min(640px,100%);padding:28px}.shareflow__title{margin:0 0 14px;font-family:Playfair Display,serif}.exportflow__title{margin:0;font-family:Playfair Display,serif}.exportflow__subtitle{margin:10px 0 0;color:#ffffff94;font-size:13px;line-height:1.6}.shareflow__input{width:100%;box-sizing:border-box;padding:14px 18px;border-radius:999px;border:.5px solid rgba(255,255,255,.1);background:#00000057;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shareflow__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.exportflow__options{display:grid;gap:12px;margin-top:18px}.exportflow__option{display:grid;gap:6px;text-align:left;border:.5px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff05;color:var(--text);border-radius:24px;padding:16px 18px;box-shadow:inset 0 1px #ffffff0f;transition:.15s ease}.exportflow__option:hover{border-color:#c8a96e57;background:linear-gradient(180deg,#c8a96e1f,#c8a96e0a),#ffffff08}.exportflow__option-title{color:#f2e7d0;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.exportflow__option-copy{color:#ffffff9e;font-size:13px;line-height:1.6}.shareflow__button{border:.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);border-radius:999px;padding:10px 16px;box-shadow:inset 0 1px #ffffff0f}.shareflow__button--ghost{background:transparent}.exportflow__actions{display:flex;justify-content:flex-end;margin-top:18px}.exportflow__button{border:.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);border-radius:999px;padding:10px 16px;box-shadow:inset 0 1px #ffffff0f}.exportflow__button--ghost{background:transparent}.guest-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 16px 0;padding:12px 18px;background:linear-gradient(90deg,#c8a96e29,#ffffff0d),#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.guest-banner__text{font-size:13px;color:#ffffffc7}.guest-banner__actions{display:flex;gap:8px}.guest-banner__button{border:.5px solid rgba(200,169,110,.35);background:#c8a96e14;color:var(--gold);border-radius:999px;padding:7px 14px;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.guest-banner__button--ghost{border-color:var(--border);background:transparent;color:var(--text-muted)}@media (max-width: 1100px){.preview-column,.pane-resizer--preview{display:none}.statusbar,.guest-banner{border-radius:24px}}@media (max-width: 820px){.sidebar-shell,.pane-resizer--sidebar{display:none}}.editor-frame{position:relative;padding:18px 16px 0;background:radial-gradient(circle at top left,rgba(200,169,110,.08),transparent 22%),linear-gradient(180deg,#ffffff0a,#ffffff03)}.editor-frame .cm-editor{height:100%;border:.5px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 28px 70px #00000038;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.editor-frame .cm-scroller{overflow:auto}.editor-frame .cm-editor.cm-focused{border-color:#c8a96e3d;box-shadow:inset 0 1px #ffffff14,0 28px 70px #0000003d,0 0 0 1px #c8a96e14}.editor-frame .cm-line{padding-right:28px}.editor-column[data-starter=true] .cm-editor{border-color:#c8a96e29;box-shadow:inset 0 1px #ffffff14,0 28px 70px #00000038,0 0 0 1px #c8a96e0f}.editor-column[data-starter=true] .cm-content,.preview[data-starter=true]{opacity:.88}.landing{display:grid;gap:18px;margin:18px 16px 0}.landing__intro,.landing__feature{border:.5px solid rgba(255,255,255,.1);border-radius:30px;background:linear-gradient(180deg,#ffffff17,#ffffff08),#0c0c0c94;box-shadow:inset 0 1px #ffffff14,0 20px 48px #0000002e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.landing__intro{padding:28px 30px}.landing__eyebrow{margin:0 0 12px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.landing__title{margin:0 0 14px;font-family:Playfair Display,serif;font-size:clamp(30px,4vw,46px);line-height:1.08;color:#f8efe0}.landing__copy{margin:0;max-width:920px;color:#ffffffd1;font-size:15px;line-height:1.8}.landing__copy--secondary{margin-top:10px;color:#ffffff9e}.landing__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.landing__link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:.5px solid rgba(200,169,110,.32);background:#c8a96e14;color:var(--gold);text-decoration:none;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.landing__link--ghost{border-color:#ffffff1a;background:#ffffff08;color:var(--text-muted)}.landing__features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing__feature{padding:20px 18px}.landing__feature-title{margin:0 0 10px;font-size:14px;color:#f3e5c8}.landing__feature-text{margin:0;color:#ffffff9e;line-height:1.7;font-size:13px}@media (max-width: 1100px){.landing__features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.landing{margin:16px 12px 0}.landing__intro,.landing__feature{border-radius:24px}.landing__features{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;min-height:100vh;border-right:.5px solid var(--border);background:radial-gradient(circle at top left,rgba(200,169,110,.08),transparent 26%),linear-gradient(180deg,#ffffff13,#ffffff05),#0c0c0cb3;box-shadow:inset -1px 0 #ffffff0a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar__header{display:flex;flex-direction:column;gap:16px;padding:28px 22px 20px;border-bottom:.5px solid rgba(255,255,255,.08)}.sidebar__brand{font-family:Playfair Display,serif;font-size:28px;color:#f2e7d0}.sidebar__controls{display:flex;flex-wrap:wrap;gap:10px}.sidebar__button{display:inline-flex;align-items:center;justify-content:center;border:.5px solid rgba(200,169,110,.28);background:linear-gradient(180deg,#c8a96e29,#c8a96e0f),#ffffff05;color:var(--gold);text-decoration:none;border-radius:999px;padding:9px 14px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff14}.sidebar__button--ghost{border-color:#ffffff14;background:#ffffff08;color:var(--text-muted)}.sidebar__button:hover{border-color:#c8a96e73}.sidebar__list{display:flex;flex-direction:column;gap:10px;padding:18px;overflow-y:auto}.sidebar__item{display:flex;align-items:stretch;gap:8px}.sidebar__item[data-active=true] .sidebar__item-button{border-color:#c8a96e61;background:linear-gradient(180deg,#c8a96e29,#c8a96e0f),#ffffff08;box-shadow:inset 0 1px #ffffff14,0 18px 36px #00000024}.sidebar__item-button{flex:1;text-align:left;border:.5px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff13,#ffffff05),#ffffff06;border-radius:24px;padding:14px 16px;color:var(--text);box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar__item-title{font-size:13px;font-weight:600}.sidebar__item-meta{margin-top:6px;font-family:DM Mono,monospace;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar__delete{align-self:center;border:.5px solid rgba(255,255,255,.05);background:#ffffff06;color:#ffffff59;border-radius:999px;padding:8px 12px;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.settings-panel{box-sizing:border-box;max-height:min(88vh,920px);overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.settings__header,.settings__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1}.settings__header{position:sticky;top:0;border-bottom:.5px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#0a0a0a85}.settings__footer{position:sticky;bottom:0;border-top:.5px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff06),#0a0a0a9e}.settings__title{margin:0;font-family:Playfair Display,serif;font-size:32px}.settings__title-wrap{display:grid;gap:6px}.settings__subtitle{margin:0;color:#ffffff85;font-size:12px;line-height:1.6}.settings__close,.settings__save,.settings__action,.settings__small-button{border:.5px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff17,#ffffff08),#ffffff06;color:var(--text);border-radius:999px;padding:10px 16px;box-shadow:inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings__section{display:grid;gap:14px;margin:0 24px;padding:22px 0 0;border-top:.5px solid rgba(255,255,255,.06)}.settings__section:first-of-type{margin-top:8px;border-top:none;padding-top:18px}.settings__heading{margin:0;font-family:DM Mono,monospace;font-size:11px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.settings__field{display:grid;gap:8px;padding:14px 16px;border:.5px solid rgba(255,255,255,.07);border-radius:26px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#ffffff04;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings__label{color:var(--text-muted);font-size:13px}.settings__input,.settings__select{width:100%;box-sizing:border-box;border:.5px solid rgba(255,255,255,.08);background:#00000042;color:var(--text);border-radius:999px;padding:12px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings__select:disabled{color:#ffffffb8}.settings__checkbox{display:flex;align-items:center;gap:10px;color:var(--text);padding:14px 16px;border:.5px solid rgba(255,255,255,.07);border-radius:26px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#ffffff04;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings__key-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px}.settings__action--danger{color:var(--danger)}.settings__small-button:disabled{opacity:.55;cursor:wait}.settings__small-button--accent{color:#f3e2bf;border-color:#c8a96e42;background:linear-gradient(180deg,#c8a96e33,#c8a96e14),#ffffff05}.settings__save{color:#f7ead3;background:linear-gradient(180deg,#c8a96e3d,#c8a96e1a),#ffffff08;border-color:#c8a96e47}.settings__key-status{display:flex;align-items:center;gap:10px;padding:14px 16px;border:.5px solid rgba(255,255,255,.07);border-radius:26px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#ffffff04;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.settings__key-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:.5px solid rgba(255,255,255,.08);background:#ffffff0a;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6}.settings__key-badge[data-state=success]{color:#e9d3aa;border-color:#c8a96e47;background:#c8a96e14}.settings__key-badge[data-state=error]{color:#ff9f9f;border-color:#ff6b6b40;background:#ff6b6b14}.settings__key-badge[data-state=testing]{color:#8ecab4;border-color:#7ec8a440;background:#7ec8a414}.settings__key-message{color:#ffffff94;font-size:12px;line-height:1.6}.settings__footer-text{margin:0;max-width:420px;color:#ffffff80;font-size:12px;line-height:1.6}@media (max-width: 720px){.settings-panel{max-height:calc(100vh - 24px);width:100%;border-radius:28px}.settings__header,.settings__footer{padding:18px}.settings__section{margin:0 18px}.settings__key-row{grid-template-columns:1fr}.settings__footer{align-items:flex-start;flex-direction:column}}.commandpalette,.shortcutshelp{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(200,169,110,.14),transparent 32%),#0000009e;z-index:45}.commandpalette__panel,.shortcutshelp__panel{width:min(760px,100%);border-radius:30px;border:.5px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff1c,#ffffff09),#0e0e0ebd;box-shadow:inset 0 1px #ffffff17,var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.commandpalette__panel{padding:26px}.shortcutshelp__panel{padding:24px;max-height:min(86vh,860px);display:flex;flex-direction:column;min-height:0}.commandpalette__title,.shortcutshelp__title{margin:0;font-family:Playfair Display,serif;color:#f4ead7}.commandpalette__subtitle,.shortcutshelp__subtitle{margin:10px 0 0;color:#ffffff9e;font-size:13px;line-height:1.6}.commandpalette__input{width:100%;box-sizing:border-box;margin-top:16px;padding:14px 18px;border-radius:999px;border:.5px solid rgba(255,255,255,.1);background:#00000052;color:var(--text)}.commandpalette__list{display:grid;gap:10px;margin-top:14px;max-height:min(58vh,460px);overflow-y:auto;padding-right:6px}.commandpalette__item{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;border:.5px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#ffffff05;color:var(--text);padding:12px 14px}.commandpalette__item[data-active=true],.commandpalette__item:hover{border-color:#c8a96e6b;background:linear-gradient(180deg,#c8a96e24,#c8a96e0d),#ffffff0a}.commandpalette__copy{display:grid;gap:5px;min-width:0}.commandpalette__item-title{color:#f3e5cc;font-weight:600;font-size:13px}.commandpalette__item-description{color:#ffffff94;font-size:12px}.commandpalette__group{justify-self:start;border-radius:999px;border:.5px solid rgba(255,255,255,.09);background:#ffffff08;color:#ffffff8c;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px}.commandpalette__shortcut,.shortcutshelp__combo{border-radius:999px;border:.5px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f0debe;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.05em;padding:6px 10px;white-space:nowrap}.commandpalette__empty{margin:0;color:#ffffff8f;padding:16px 6px}.commandpalette__actions,.shortcutshelp__actions{display:flex;justify-content:flex-end;margin-top:16px}.commandpalette__button,.shortcutshelp__button{border:.5px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:var(--text);padding:10px 16px}.commandpalette__button--ghost,.shortcutshelp__button--ghost{background:transparent}.shortcutshelp__list{margin-top:14px;overflow-y:auto;padding-right:6px;display:grid;gap:16px}.shortcutshelp__section{border:.5px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,#fff1,#ffffff05),#ffffff04;padding:14px 14px 10px}.shortcutshelp__heading{margin:0 0 8px;color:var(--gold);font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.shortcutshelp__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:.5px solid rgba(255,255,255,.06)}.shortcutshelp__row:first-of-type{border-top:none}.shortcutshelp__description{font-size:13px;color:#ffffffc7}@media (max-width: 760px){.commandpalette,.shortcutshelp{padding:16px}.commandpalette__panel,.shortcutshelp__panel{border-radius:24px;padding:18px}.shortcutshelp__row{align-items:flex-start;flex-direction:column}}