:root{color-scheme:dark;--bg:#19232b;--panel:#24313b;--paper:#2a3944;--line:#46535a;--gold:#d6bd83;--text:#eee9db;--muted:#b8c1c4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--text);padding:9px 14px;cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:#202931;font-weight:700}a{color:var(--gold)}[hidden]{display:none!important}.masthead{height:84px;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;font:22px Georgia,serif;letter-spacing:2px}.brand>span{font-size:42px;color:var(--gold)}.brand small{display:block;font:9px system-ui;letter-spacing:2px;margin-top:5px;color:var(--gold)}.account{display:flex;gap:18px;align-items:center;font-size:12px}.account #identity{max-width:260px;overflow-wrap:anywhere}#library{max-width:1320px;margin:auto;padding:48px 42px}.intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:8px 0 40px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 14px}h1{font:52px/1.05 Georgia,serif;margin:0 0 20px}h2{font:25px Georgia,serif;margin:0}.intro p:not(.eyebrow),footer{color:var(--muted)}.create-actions{display:grid;gap:12px;min-width:255px}.section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.section-label span{color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.project-card{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:5px;background:var(--panel);padding:25px;display:flex;flex-direction:column;gap:14px}.project-card h3{font:25px/1.2 Georgia,serif;margin:0;overflow-wrap:anywhere}.project-card p{color:var(--muted);font-size:12px;margin:0;overflow-wrap:anywhere}.project-card button{margin-top:auto;align-self:start}.empty{border:1px dashed var(--line);padding:32px;grid-column:1/-1;color:var(--muted)}footer{font-size:12px;line-height:1.9;margin-top:38px}#message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#f1e5ca;color:#27323b;padding:14px 22px;border-radius:6px;max-width:90vw;z-index:100}#workspace{height:calc(100vh - 84px);display:flex;flex-direction:column}.workbar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.workbar button{font-size:12px;padding:8px 10px}.work-title{flex:1;min-width:220px}.work-title strong,.work-title span{display:block}.work-title strong{overflow-wrap:anywhere}.work-title span{font-size:11px;color:var(--gold)}#editorSlot{flex:1;min-height:0}#editorSlot iframe{width:100%;height:100%;border:0;background:var(--bg)}dialog{color:var(--text);background:var(--panel);border:1px solid var(--gold);border-radius:8px;max-width:850px;width:calc(100vw - 40px);max-height:90vh;padding:26px}dialog::backdrop{background:#091218c9}dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}dialog p{font-size:13px;color:var(--muted)}.notice{background:#39434a;border-left:3px solid var(--gold);padding:16px;font-size:13px}form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0}label{display:grid;gap:7px;font-size:12px}input,select{padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px}#memberEmail{width:280px}.member-row,.version-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:15px 0}.member-row>div,.version-row>div{min-width:0;overflow-wrap:anywhere}.member-row small,.version-row small{display:block;color:var(--muted)}.row-actions{display:flex;gap:7px;flex-shrink:0}.row-actions button{font-size:12px}.danger{color:#ffc3b7}#moreHistory{margin-top:20px}@media(max-width:800px){.masthead{height:auto;min-height:84px;padding:15px;flex-wrap:wrap}.account{flex-wrap:wrap;gap:10px}.intro{display:block}h1{font-size:40px}.create-actions{margin-top:25px}#library{padding:28px 20px}.workbar{padding:8px}.member-row,.version-row{align-items:start;flex-wrap:wrap}.brand{font-size:19px}}