:root{--bg:#06122b;--panel:#0b1b3d;--panel2:#0d2552;--line:rgba(139,172,255,.22);--text:#f7f8ff;--muted:#a9b5d1;--purple:#6e2cff;--magenta:#c81dff;--cyan:#09b6e8;--gold:#f3c54c;--shadow:0 22px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,#1b2a74 0,transparent 36%),radial-gradient(circle at 100% 15%,#3f173e 0,transparent 26%),linear-gradient(145deg,#06122b,#07142f 55%,#091737);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.23) 1px,transparent 1.2px);background-size:34px 34px;opacity:.1}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:22px 18px 18px;background:linear-gradient(180deg,rgba(22,37,102,.82),rgba(7,18,45,.95));display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--gold),#1c63d9);display:grid;place-items:center;font-family:Georgia,serif;font-size:26px;font-style:italic;font-weight:800;box-shadow:0 0 28px rgba(243,197,76,.18)}.brand-copy{display:grid}.brand-copy strong{font:700 20px Georgia,serif;letter-spacing:.04em}.brand-copy span{font-size:9px;color:#ffe078;font-weight:800;letter-spacing:.08em}.nav-main{display:grid;gap:5px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#f6f7fb;text-decoration:none;padding:11px 12px;border-radius:13px;font-weight:700;cursor:pointer;text-align:left}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(86,44,255,.44),rgba(36,103,255,.22));box-shadow:inset 0 0 0 1px rgba(130,120,255,.35)}.nav-sep{height:1px;background:var(--line);margin:8px 0}.nav-label{font-size:10px;color:#8996b6;letter-spacing:.16em;margin:5px 8px}.upgrade-card{margin-top:auto;padding:15px;border:1px solid rgba(144,113,255,.32);border-radius:17px;background:linear-gradient(145deg,rgba(83,46,179,.34),rgba(8,29,72,.72));box-shadow:0 0 28px rgba(93,45,255,.13)}.upgrade-card strong{display:block;margin:5px 0}.upgrade-card p,.workspace-note span{color:var(--muted);font-size:12px;line-height:1.4}.upgrade-card button,.assistant-card button{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(90deg,#7433ff,#c91df6);color:#fff;font-weight:800;cursor:pointer}.workspace-note{display:grid;margin-top:13px;padding:4px 6px}.main{min-width:0}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(20,31,90,.38),rgba(9,21,48,.2))}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#b994ff}.topbar h1{font:700 clamp(32px,3.5vw,48px) Georgia,serif;margin:2px 0 0;line-height:1.02}.profile-chip{border:1px solid var(--line);background:rgba(15,30,67,.72);color:#fff;border-radius:16px;padding:9px 13px;display:flex;align-items:center;gap:9px;cursor:pointer}.profile-chip b{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#19213c}.profile-text{display:grid;text-align:left}.profile-text small{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100vh - 112px)}.center-column{padding:26px 28px 34px;border-right:1px solid var(--line)}.right-column{padding:26px 20px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,rgba(26,20,65,.16),rgba(16,14,49,.34))}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-card{position:relative;min-height:318px;border-radius:24px;padding:30px;overflow:hidden;border:1px solid rgba(255,255,255,.26);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.studio-card:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-70px;bottom:-110px}.studio-card.purple{background:linear-gradient(145deg,#4b2cff 0%,#7e20f3 70%,#a12ce9)}.studio-card.cyan{background:linear-gradient(145deg,#147fcf,#11b6dc 72%,#23d2da)}.studio-icon{width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.09);margin-bottom:4px}.studio-card .eyebrow{align-self:flex-end;color:#fff;opacity:.92}.studio-card h2{font-size:34px;margin:28px 0 6px}.studio-card p{max-width:460px;line-height:1.45;margin:0 0 24px}.primary-btn{margin-top:auto;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);padding:13px 17px;border-radius:12px;font-weight:800;}.recent-panel{margin-top:18px;border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(18,49,105,.72),rgba(11,34,77,.72));box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3,.side-card h3,.assistant-card h3,.workspace-card h3{margin:2px 0 12px;font-size:23px}.text-btn{background:transparent;color:#fff;border:0;cursor:pointer}.project-list{display:grid;gap:11px}.project-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.project-thumb{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#f6d766,#f5f1bd);color:#30323b}.project-thumb.web{background:linear-gradient(145deg,#1ecce8,#167cc9);color:#fff}.project-row small{display:block;color:var(--muted)}.project-progress{font-weight:900}.arrow-btn{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.quick-links button{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(20,41,85,.72);color:#fff;font-weight:800;cursor:pointer}.side-card,.assistant-card,.workspace-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(21,37,79,.86),rgba(18,23,58,.78));box-shadow:var(--shadow)}.assistant-card{background:linear-gradient(145deg,rgba(89,45,177,.8),rgba(37,26,104,.88));margin-top:2px}.assistant-card p,.workspace-card p{color:#c2c9dc;line-height:1.45}.continue-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04);margin-top:9px}.continue-item .mini{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#5b46c8}.continue-item small{display:block;color:var(--muted)}.modal-root{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:rgba(3,8,24,.72);}.modal{position:relative;width:min(980px,calc(100vw - 42px));max-height:86vh;overflow:auto;margin:7vh auto 0;border:1px solid rgba(140,170,255,.42);border-radius:24px;background:linear-gradient(180deg,#0d2f79,#071a42 170px,#061631);box-shadow:0 40px 100px rgba(0,0,0,.45);padding:24px}.modal-close{position:sticky;float:right;top:0;z-index:3;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#0b204a;color:#fff;font-size:24px;cursor:pointer}.modal h2{font:700 34px Georgia,serif;margin:0 0 6px}.modal p{color:#c2cbe0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.template-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#0b1c42}.template-cover{height:160px;display:grid;place-items:center;padding:18px;text-align:center;font:700 24px Georgia,serif;color:#fff}.template-card:nth-child(1) .template-cover{background:linear-gradient(150deg,#f0ad62,#73cfc6)}.template-card:nth-child(2) .template-cover{background:linear-gradient(150deg,#5d38ef,#c52bf0)}.template-card:nth-child(3) .template-cover{background:linear-gradient(150deg,#24b9df,#53d7ce)}.template-card:nth-child(4) .template-cover{background:linear-gradient(150deg,#ef8c70,#d25183)}.template-card:nth-child(5) .template-cover{background:linear-gradient(150deg,#e8b453,#f18b67)}.template-card:nth-child(6) .template-cover{background:linear-gradient(150deg,#5532e6,#9e25ef)}.template-card:nth-child(7) .template-cover{background:linear-gradient(150deg,#2499d5,#35d1c7)}.template-body{padding:14px}.template-body button{width:100%;border:0;border-radius:11px;padding:11px;background:linear-gradient(90deg,#5b31ff,#c91cf3);color:#fff;font-weight:800;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field input,.field select{background:#0b2251;border:1px solid var(--line);border-radius:10px;padding:11px;color:#fff}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:#132d61;color:#fff;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#6c32ff,#cf22f5)}.btn.danger{background:#7e2635}.trash-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}@media(max-width:1050px){.app-shell{grid-template-columns:220px 1fr}.content-grid{grid-template-columns:1fr}.right-column{border-top:1px solid var(--line)}.center-column{border-right:0}.studio-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto}.topbar{padding:20px}.profile-chip{display:none}.center-column{padding:18px}.content-grid{display:block}.studio-card{min-height:270px}.template-grid,.form-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}}

/* AMCAEN 30.4 — route-safe dashboard polish */
.brand-logo{
  width:34px;height:34px;object-fit:contain;flex:0 0 auto;
  filter:drop-shadow(0 0 12px rgba(126,88,255,.25));
}
.sidebar{
  background:
    radial-gradient(circle at 15% 10%,rgba(115,49,255,.20),transparent 32%),
    linear-gradient(180deg,rgba(10,19,53,.98),rgba(7,17,43,.98));
}
.topbar{
  background:
    radial-gradient(circle at 70% -30%,rgba(70,130,255,.18),transparent 45%),
    linear-gradient(90deg,rgba(17,34,88,.80),rgba(8,21,55,.36));
}
.recent-panel{
  background:
    radial-gradient(circle at 78% 0%,rgba(53,111,255,.15),transparent 38%),
    linear-gradient(145deg,rgba(13,42,101,.92),rgba(8,31,78,.95));
}
.right-column{
  background:
    radial-gradient(circle at 40% 8%,rgba(104,58,220,.10),transparent 34%);
}

/* AMCAEN 30.5 — real template imagery + restored inspiration library */
.quick-link-anchor{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(130,158,255,.22);border-radius:12px;background:linear-gradient(180deg,rgba(22,48,110,.78),rgba(10,24,65,.76));color:#f5f7ff;text-decoration:none;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.quick-link-anchor:hover{border-color:#5b7dff;box-shadow:0 0 24px rgba(57,97,255,.22)}
.template-card.visual-template{overflow:hidden;background:linear-gradient(180deg,rgba(10,25,67,.98),rgba(5,15,45,.98));border:1px solid rgba(139,166,255,.28);box-shadow:0 16px 40px rgba(0,0,0,.2)}
.template-image-wrap{height:220px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f5f1e8,#e8edf6)}
.template-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;padding:12px}
.template-image-wrap.site{height:190px;background:#fff;padding:0}
.template-image-wrap.site img{width:100%;height:100%;object-fit:cover;object-position:top center;padding:0}
.template-body strong{display:block;font-size:18px;margin:4px 0 8px}
.template-body p{min-height:42px}
.template-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.template-actions button{margin:0!important}
.site-preview-large{margin:18px 0;border:1px solid rgba(139,166,255,.32);border-radius:18px;overflow:auto;max-height:62vh;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.site-preview-large img{display:block;width:100%;height:auto}
.modal{width:min(1180px,92vw)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
@media(max-width:900px){.template-actions{grid-template-columns:1fr}.template-image-wrap{height:190px}.modal{width:94vw!important}}


/* AMCAEN 30.7 — centered dialogs + compact book templates */
.modal-root{display:grid!important;place-items:center!important;padding:24px!important;overflow:hidden!important}
.modal-root[hidden]{display:none!important}
.modal-backdrop{position:absolute!important;inset:0!important}
.modal{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;width:min(1040px,calc(100vw - 48px))!important;max-height:min(84vh,820px)!important;overflow:auto!important;padding:22px!important}
.modal h2{font-size:31px!important}.modal h3{margin:18px 0 10px!important}
.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important}
.template-card.visual-template{border-radius:15px!important}
.template-card.visual-template:not(.website) .template-image-wrap{height:150px!important;padding:0!important;background:linear-gradient(135deg,#f8f4eb,#eef1f7)!important}
.template-card.visual-template:not(.website) .template-image-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:7px!important}
.template-card.visual-template.website .template-image-wrap.site{height:170px!important}
.template-body{padding:11px!important}.template-body strong{font-size:16px!important;margin:2px 0 5px!important}.template-body p{font-size:12px!important;line-height:1.35!important;min-height:32px!important;margin:0 0 8px!important}.template-body button{padding:9px 10px!important;font-size:12px!important}
.site-preview-large{max-height:60vh!important;overflow:auto!important;border-radius:14px!important;background:#fff!important}.site-preview-large img{display:block!important;width:100%!important;height:auto!important}
@media(max-width:900px){.modal{width:calc(100vw - 24px)!important;max-height:88vh!important;padding:16px!important}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.template-card.visual-template:not(.website) .template-image-wrap{height:140px!important}.template-card.visual-template.website .template-image-wrap.site{height:150px!important}}
@media(max-width:640px){.template-grid{grid-template-columns:1fr!important}}


/* AMCAEN 34.4R5 — full website preview + compact book library */
.modal-root.site-preview-mode .modal{
  width:min(1480px,96vw)!important;
  max-width:none!important;
  height:min(92vh,980px)!important;
  max-height:92vh!important;
  padding:18px!important;
  overflow:hidden!important;
}
.modal-root.site-preview-mode #modalContent{height:100%;min-height:0}
.preview-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}
.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:44px}
.preview-head h2{margin:2px 0 5px;font-size:26px}
.preview-head p{margin:0;color:#a9b5d1}
.preview-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.full-site-preview{
  min-height:0;height:100%;background:#fff;border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 35px rgba(0,0,0,.25)
}
.full-site-preview iframe{width:100%;height:100%;border:0;background:#fff;display:block}

/* Book templates: smaller, cleaner, more visible at once */
.book-template-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.book-template-grid .template-card{min-width:0!important}
.book-template-grid .template-image-wrap{
  height:168px!important;min-height:168px!important;overflow:hidden!important
}
.book-template-grid .template-image-wrap img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block
}
.book-template-grid .template-body{padding:12px!important}
.book-template-grid .template-body strong{font-size:15px!important;line-height:1.2}
.book-template-grid .template-body p{
  font-size:12px!important;line-height:1.35!important;min-height:32px;margin:5px 0 10px!important
}
.book-template-grid .template-body button{min-height:36px!important;padding:8px 10px!important;font-size:12px!important}
@media(max-width:1200px){.book-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){
  .book-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .preview-head{display:block}
  .preview-head-actions{justify-content:flex-start;margin-top:10px}
}

/* AMCAEN 35.5 — stable settings + admin controls. No backdrop-filter. */
.safe-settings-panel{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:24px}
.safe-settings-panel[hidden]{display:none!important}
.safe-settings-backdrop{position:absolute;inset:0;background:rgba(2,8,24,.86)}
.safe-settings-card{position:relative;z-index:1;width:min(720px,calc(100vw - 32px));max-height:86vh;overflow:auto;border:1px solid rgba(140,170,255,.4);border-radius:24px;background:linear-gradient(180deg,#0d2f79,#071a42 170px,#061631);box-shadow:0 36px 90px rgba(0,0,0,.48);padding:26px;color:#fff}
.safe-settings-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:1px solid rgba(139,172,255,.3);border-radius:11px;background:#0b204a;color:#fff;font-size:24px;cursor:pointer}
.safe-settings-card h2{font:700 34px Georgia,serif;margin:4px 0 20px}
.safe-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.safe-settings-grid label{display:grid;gap:7px;font-weight:700}
.safe-settings-grid select{width:100%;padding:12px;border-radius:11px;border:1px solid rgba(139,172,255,.3);background:#0b2251;color:#fff}
.safe-settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.safe-settings-status{min-height:20px;color:#cde8cf;font-weight:700}
body.safe-settings-open{overflow:hidden}
.admin-nav-label{margin-top:8px}
.admin-only-link{border:1px solid rgba(243,197,76,.28)!important;background:rgba(243,197,76,.08)!important}
@media(max-width:700px){.safe-settings-grid{grid-template-columns:1fr}}