:root{
  --navy:#061522;
  --navy-2:#0a2032;
  --navy-3:#102b40;
  --paper:#f4f1ea;
  --white:#fff;
  --ink:#14202a;
  --muted:#6b747c;
  --gold:#b8872d;
  --gold-light:#e6c67f;
  --line:rgba(15,35,50,.13);
  --success:#4f8e61;
  --danger:#a44c46;
  --shadow:0 22px 60px rgba(7,21,34,.12);
}
*{box-sizing:border-box}
html{font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink)}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#edf0ef 0,#f7f4ed 44%,#f2eee5 100%)}
button,input,select,textarea{font:inherit}
button,a{transition:.18s ease}
button{cursor:pointer}
[hidden]{display:none!important}
.eyebrow{margin:0;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.access-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(184,135,45,.17),transparent 32%),linear-gradient(145deg,#04111c,#0a2235 64%,#061522)}
.gate-card{width:min(480px,100%);padding:48px 44px;color:#fff;background:rgba(7,24,38,.94);border:1px solid rgba(230,198,127,.43);box-shadow:0 34px 100px rgba(0,0,0,.44)}
.gate-brand{display:flex;align-items:center;gap:12px;margin-bottom:42px}.gate-brand span,.owner-brand>span{display:grid;place-items:center;width:42px;height:42px;color:#092033;background:linear-gradient(135deg,#f1d898,#b8842b);font-family:"Cormorant Garamond",serif;font-size:1.8rem;font-weight:700}.gate-brand strong{font-family:"Cormorant Garamond",serif;font-size:1.6rem}
.gate-card h1{margin:10px 0 10px;font-family:"Cormorant Garamond",serif;font-size:3.3rem;line-height:1}.gate-card>p:not(.eyebrow){color:rgba(255,255,255,.66);line-height:1.65}
.gate-form{display:grid;gap:17px;margin-top:30px}.gate-form label{display:grid;gap:8px;color:rgba(255,255,255,.7);font-size:.82rem;font-weight:700}.gate-form input{width:100%;min-height:52px;padding:0 16px;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.18);outline:none;font-size:1.2rem;letter-spacing:.22em}.gate-form input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(230,198,127,.12)}
.gate-form button,.primary-button{min-height:48px;padding:0 20px;color:#fff;background:linear-gradient(135deg,#a87521,#c99b43);border:1px solid #deb96c;font-weight:700}.gate-form button:hover,.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.gate-error{min-height:20px!important;margin:15px 0 0!important;color:#ffb7ad!important;font-size:.83rem}.text-button{padding:0;color:rgba(255,255,255,.55);background:none;border:0;text-decoration:underline}.gate-note{margin-top:30px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem}
.owner-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;min-height:78px;padding:0 34px;color:#fff;background:rgba(6,21,34,.96);border-bottom:1px solid rgba(230,198,127,.28);backdrop-filter:blur(15px)}
.owner-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.owner-brand strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.45rem}.owner-brand small{display:block;margin-top:1px;color:rgba(255,255,255,.46);font-size:.64rem;letter-spacing:.15em;text-transform:uppercase}
.header-actions,.button-row{display:flex;align-items:center;gap:10px}.secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;padding:0 16px;color:var(--ink);background:#fff;border:1px solid var(--line);font-weight:700;text-decoration:none}.owner-header .secondary-button{color:rgba(255,255,255,.76);background:transparent;border-color:rgba(255,255,255,.2)}.secondary-button:hover{border-color:var(--gold);color:var(--gold)}
.owner-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 78px)}
.space-sidebar{position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto;padding:34px 24px;background:#fff;border-right:1px solid var(--line)}.sidebar-heading h2{margin:8px 0 8px;font-family:"Cormorant Garamond",serif;font-size:2.35rem;line-height:1}.sidebar-heading>p:last-child{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
.search-field{display:grid;gap:7px;margin:27px 0 16px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.search-field input{min-height:43px;padding:0 12px;border:1px solid var(--line);outline:none}.search-field input:focus{border-color:var(--gold)}
.space-list{display:grid;gap:7px}.space-list-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;width:100%;padding:11px 10px;text-align:left;background:#fff;border:1px solid transparent}.space-list-item:hover{background:#f8f5ee;border-color:rgba(184,135,45,.24)}.space-list-item.active{background:#0a2032;color:#fff;border-color:#0a2032}.space-list-letter{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--gold);font-family:"Cormorant Garamond",serif;font-size:1.4rem;font-weight:700}.space-list-item.active .space-list-letter{color:#0a2032;background:var(--gold-light)}.space-list-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.space-list-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}.space-list-item.active small{color:rgba(255,255,255,.55)}.list-status{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(79,142,97,.11)}.list-status.hidden{background:#a8adb1;box-shadow:none}.list-status.unavailable{background:#c28a45;box-shadow:0 0 0 4px rgba(194,138,69,.12)}
.sidebar-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.sidebar-summary div{padding:13px;background:#f7f4ed}.sidebar-summary strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.8rem}.sidebar-summary span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.workspace{min-width:0;padding:44px clamp(24px,4vw,64px) 70px}.workspace-topline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.workspace-topline h1{margin:7px 0 0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.95}.save-state{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.76rem}.save-state span{width:8px;height:8px;border-radius:50%;background:#99a0a5}.save-state.saved span{background:var(--success)}.save-state.dirty span{background:#c28a45}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:28px;align-items:start}.editor-card,.publish-card,.danger-zone{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.editor-card{padding:32px}.editor-section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}.editor-section-heading h2,.publish-heading h2{margin:0;font-family:"Cormorant Garamond",serif;font-size:2rem}.editor-section-heading p{max-width:470px;margin:0;color:var(--muted);font-size:.79rem;line-height:1.55}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.github-grid label{display:grid;gap:7px;color:#34414b;font-size:.74rem;font-weight:700;letter-spacing:.03em}.form-grid .full,.github-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.github-grid input{width:100%;padding:12px 13px;color:var(--ink);background:#fbfaf7;border:1px solid var(--line);outline:none}.form-grid input,.form-grid select,.github-grid input{min-height:46px}.form-grid textarea{resize:vertical;line-height:1.55}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.github-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,135,45,.09)}.form-grid small{color:#90979c;font-weight:400}
.visibility-controls{display:grid;gap:10px;margin:25px 0;padding:18px;background:#f7f4ed;border:1px solid rgba(184,135,45,.13)}.switch-row{display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:10px;cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;width:42px;height:23px;background:#aeb4b7;border-radius:30px}.switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:.18s}.switch-row input:checked+.switch{background:var(--gold)}.switch-row input:checked+.switch:after{transform:translateX(19px)}.switch-row>span:last-child strong{display:block;font-size:.77rem}.switch-row>span:last-child small{display:block;margin-top:2px;color:var(--muted);font-size:.68rem}
.editor-actions{display:flex;gap:10px;padding-top:2px}.editor-actions .secondary-button{background:#f7f4ed}

.owner-map-card{margin-bottom:22px}
.owner-map-frame{position:relative;overflow:hidden;aspect-ratio:4/3;background:#061522;border:1px solid rgba(184,135,45,.58);box-shadow:0 20px 55px rgba(7,21,34,.22)}
.owner-map-object{display:block;width:100%;height:100%;background:#061522}
.owner-map-loading{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.66);background:#061522;font-size:.76rem;letter-spacing:.05em;pointer-events:none;transition:opacity .2s ease}
.owner-map-loading.loaded{opacity:0}
.owner-map-selection{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:9px 12px;color:#fff;background:rgba(6,21,34,.92);border:1px solid rgba(230,198,127,.42);box-shadow:0 10px 28px rgba(0,0,0,.25);pointer-events:none}
.owner-map-selection>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#071726;background:var(--gold-light);font-family:"Cormorant Garamond",serif;font-size:1.45rem;font-weight:700}
.owner-map-selection small,.owner-map-selection strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.owner-map-selection small{color:rgba(255,255,255,.5);font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}
.owner-map-selection strong{max-width:215px;margin-top:2px;font-size:.72rem}
.card-preview-label{margin-top:2px}
.preview-column{position:sticky;top:108px}.preview-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#59636b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.preview-label small{color:#9aa0a4;font-weight:400;text-transform:none;letter-spacing:0}.space-card-preview{position:relative;overflow:hidden;min-height:520px;padding:38px 31px;color:#fff;background:linear-gradient(165deg,#0d2b41,#061522 72%);border:1px solid rgba(184,135,45,.58);box-shadow:0 28px 75px rgba(7,21,34,.26)}.preview-letter{position:absolute;top:18px;right:27px;color:rgba(255,255,255,.065);font-family:"Cormorant Garamond",serif;font-size:8rem;font-weight:700;line-height:.8}.space-card-preview h2{position:relative;max-width:270px;margin:9px 0 11px;font-family:"Cormorant Garamond",serif;font-size:3.35rem;line-height:.92}.preview-status{display:flex;align-items:center;gap:8px;color:#d5efd9;font-size:.79rem;font-weight:700}.preview-status span{width:8px;height:8px;border-radius:50%;background:#6db07c;box-shadow:0 0 10px rgba(109,176,124,.7)}.preview-status.unavailable{color:#f0c58c}.preview-status.unavailable span{background:#d69c51}.preview-size{color:var(--gold-light);font-weight:700}.preview-rule{width:46px;height:2px;margin:23px 0;background:var(--gold)}.preview-type{font-weight:700}.preview-description{min-height:68px;color:rgba(255,255,255,.68);font-size:.84rem;line-height:1.65}.preview-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.preview-tags span{padding:7px 9px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.15);font-size:.68rem}.preview-cta{width:100%;min-height:46px;color:#fff;background:linear-gradient(135deg,#a87521,#c99b43);border:1px solid #deb96c;font-weight:700}.preview-documents{display:grid;gap:8px;margin-top:8px}.preview-documents span{display:block;padding:11px;text-align:center;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15);font-size:.72rem;font-weight:700}.preview-note{margin:13px 3px 0;color:var(--muted);font-size:.72rem;line-height:1.55}
.publish-card{margin-top:30px;padding:34px}.publish-heading{display:grid;grid-template-columns:1fr minmax(280px,.75fr);gap:35px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line)}.publish-heading p:last-child{margin:0;color:var(--muted);font-size:.8rem;line-height:1.6}.publish-options{display:grid;grid-template-columns:1fr 1fr;gap:0}.publish-options article{padding:28px 28px 5px 0}.publish-options article+article{padding-left:28px;border-left:1px solid var(--line)}.publish-options h3{margin:0 0 8px}.publish-options p{color:var(--muted);font-size:.78rem;line-height:1.58}.publish-options code,.danger-zone code{padding:2px 5px;background:#ece8df}.file-button{display:block;margin-top:15px;color:var(--gold);font-size:.76rem;font-weight:700;text-decoration:underline;cursor:pointer}.file-button input{display:none}.github-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.github-result{min-height:20px;margin-top:12px!important}.github-result.success{color:var(--success)}.github-result.error{color:var(--danger)}
.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;padding:22px 26px;box-shadow:none}.danger-zone h3{margin:0 0 4px;font-size:.95rem}.danger-zone p{margin:0;color:var(--muted);font-size:.74rem}.danger-button{min-height:42px;padding:0 15px;color:var(--danger);background:#fff;border:1px solid rgba(164,76,70,.35);font-weight:700}.danger-button:hover{color:#fff;background:var(--danger)}
.toast{position:fixed;z-index:100;right:25px;bottom:25px;max-width:370px;padding:14px 18px;color:#fff;background:#0a2032;border-left:4px solid var(--gold);box-shadow:0 18px 48px rgba(0,0,0,.24);opacity:0;transform:translateY(15px);pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1120px){.owner-layout{grid-template-columns:255px minmax(0,1fr)}.workspace-grid{grid-template-columns:1fr}.preview-column{position:relative;top:auto;max-width:480px}.publish-options{grid-template-columns:1fr}.publish-options article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}.publish-heading{grid-template-columns:1fr}}
@media(max-width:760px){.owner-header{padding:0 15px}.owner-brand strong{font-size:1.15rem}.header-actions .secondary-button:first-child{display:none}.owner-layout{display:block}.space-sidebar{position:relative;top:auto;width:100%;height:auto;padding:25px 16px;border-right:0;border-bottom:1px solid var(--line)}.space-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;overflow:auto}.workspace{padding:28px 14px 50px}.workspace-topline{align-items:start;flex-direction:column}.workspace-topline h1{font-size:3rem}.editor-card,.publish-card{padding:22px 18px}.editor-section-heading{display:block}.editor-section-heading p{margin-top:8px}.form-grid,.github-grid{grid-template-columns:1fr}.form-grid .full,.github-grid .full{grid-column:auto}.editor-actions,.button-row{align-items:stretch;flex-direction:column}.publish-heading{display:block}.publish-heading>p{margin-top:10px!important}.danger-zone{align-items:flex-start;flex-direction:column}.gate-card{padding:38px 25px}.space-card-preview{min-height:auto}.owner-header .secondary-button{padding:0 11px}}
.gate-form .gate-secondary{color:rgba(255,255,255,.82);background:transparent;border:1px solid rgba(255,255,255,.22)}
.gate-form .gate-secondary:hover{border-color:var(--gold-light);color:var(--gold-light);transform:none;filter:none}
.gate-error.success-message{color:#bfe7c7!important}
.signed-in-user{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.54);font-size:.72rem}
.live-publish-card{padding-bottom:28px}
.live-publish-actions{display:flex;align-items:center;gap:12px;padding-top:24px}
.live-publish-actions>div{margin-right:auto}
.live-publish-actions strong,.live-publish-actions span{display:block}
.live-publish-actions strong{font-size:.9rem}
.live-publish-actions span{margin-top:4px;color:var(--muted);font-size:.74rem}
.primary-button:disabled,.secondary-button:disabled,.gate-form button:disabled{cursor:wait;opacity:.62;transform:none!important;filter:none!important}
@media(max-width:760px){.signed-in-user{display:none}.live-publish-actions{align-items:stretch;flex-direction:column}.live-publish-actions>div{margin:0 0 8px}.live-publish-actions .secondary-button{width:100%}}

@media(max-width:1120px){.preview-column{max-width:560px}.owner-map-frame{aspect-ratio:16/10}}
@media(max-width:760px){.owner-map-frame{aspect-ratio:4/3}.owner-map-selection strong{max-width:180px}}
