/* ATHRTY X718 / curated presentation workspace; shared Design DNA vocabulary, bounded appearance values. */
#x718-studio{--x718-bg:#111713;--x718-panel:#1b231c;--x718-line:rgba(230,246,232,.12);--x718-muted:#a0afa2;color:#f0f5ec}
.x718-studio-backdrop{position:fixed;z-index:1200;inset:0;background:rgba(3,8,5,.92);backdrop-filter:blur(22px);overflow-y:auto;padding:12px}
.x718-workspace{min-height:calc(100dvh - 24px);max-width:1900px;margin:0 auto;border:1px solid #37473a;border-radius:18px;background:#121914;box-shadow:0 26px 110px rgba(0,0,0,.43);overflow:hidden;font-family:'DM Sans',Arial,sans-serif}
.x718-workspace button,.x718-workspace input,.x718-workspace select{font:inherit}
.x718-editor-top{padding:23px 28px;border-bottom:1px solid var(--x718-line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#182019}
.x718-editor-top h2{font:550 clamp(23px,2.4vw,36px)/1.12 Manrope,'DM Sans',sans-serif;letter-spacing:-.055em;margin:9px 0}
.x718-editor-top p{font-size:12px;color:#9cac9e;margin:0;line-height:1.5}
.x718-kicker{display:block;font-size:9px;letter-spacing:.16em;font-weight:750;color:#a3ba9f}
.x718-top-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.x718-save-state{color:#9eae9e;font-size:11px}
.x718-top-actions button{border:1px solid #4b614d;color:#ecf8e8;border-radius:9px;font-size:12px;padding:10px 14px}
.x718-editor-body{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:70vh}
.x718-inspector{border-right:1px solid var(--x718-line);max-height:calc(100dvh - 113px);overflow:auto;background:#171f19}
.x718-inspector section{padding:25px 22px;border-bottom:1px solid var(--x718-line)}
.x718-inspector h3{font-size:15px;letter-spacing:-.035em;margin:10px 0 16px}
.x718-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.x718-template{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;min-height:103px;padding:13px 11px;border:1px solid #354538;border-radius:11px;background:#202b22;color:#dceadb}
.x718-template[aria-pressed="true"]{border-color:#bed9b8;background:#354839}
.x718-template strong{letter-spacing:.1em;font-size:10px;font-weight:800}
.x718-template span{font-size:10px;line-height:1.45;color:#a8bbaa}
.x718-inspector label{font-size:11px;color:#cbdace;font-weight:650;display:grid;gap:8px;margin:12px 0}
.x718-inspector select{min-height:43px;background:#101711;color:#e9f6e8;border:1px solid #405342;border-radius:9px;padding:9px 11px;width:100%;font-size:12px}
.x718-help{font-size:11px;line-height:1.6;color:#9eafa0;margin:0 0 13px}
.x718-section-list{display:grid;gap:6px}
.x718-section-row{display:flex;align-items:center;gap:5px;border:1px solid #344738;border-radius:9px;min-height:42px;background:#202c22;padding:6px}
.x718-section-row span{color:#819884;font-size:9px;padding:0 5px}
.x718-section-row strong{font-size:11px;font-weight:650;flex:1;min-width:0}
.x718-section-row button{padding:6px 8px;border:1px solid #435447;border-radius:6px;font-size:12px;min-height:29px;color:#cce1c9}
.x718-section-row button:disabled{opacity:.3}
.x718-history{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--x718-line);padding:10px 0}
.x718-history span{font-size:10px;color:#a6b9a7}
.x718-history button{font-size:10px;color:#c9e0c7;padding:7px;border-radius:7px}
.x718-canvas{min-width:0;background:radial-gradient(ellipse at top,#222f25,#131915 65%);display:flex;flex-direction:column}
.x718-canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--x718-line)}
.x718-canvas-tools,.x718-device-select{display:flex;gap:6px}
.x718-canvas-bar button{font-size:11px;color:#b7c9b8;padding:8px 11px;border:1px solid #354638;border-radius:8px}
.x718-canvas-bar button[aria-pressed="true"]{background:#d1e7ca;color:#18231a;border-color:#d1e7ca}
.x718-canvas-bar button:disabled{opacity:.35}
.x718-preview-surface{display:flex;justify-content:center;align-items:flex-start;padding:clamp(18px,4vw,60px) 20px;flex:1;overflow:auto}
.x718-device-frame{width:100%;max-width:950px;transition:width .18s ease;box-shadow:0 45px 70px rgba(0,0,0,.35)}
.x718-device-tablet{width:min(100%,680px)}.x718-device-phone{width:min(100%,375px)}
.x718-preview-page{--x718-accent:#c2dec0;--x718-paper:#161d18;--x718-ink:#eff7ed;--x718-secondary:#abbbac;background:var(--x718-paper);color:var(--x718-ink);overflow:hidden;min-height:550px;border:1px solid #4e5a4e;border-radius:13px;font-family:'DM Sans',Arial,sans-serif}
.x718-accent-silver{--x718-accent:#dee1dd}.x718-accent-copper{--x718-accent:#dec09b}.x718-accent-blue{--x718-accent:#a4c7e5}.x718-light{--x718-paper:#f2f3ed;--x718-ink:#1c2920;--x718-secondary:#687768}
.x718-cover{height:clamp(100px,16vw,185px);padding:22px 26px;background:linear-gradient(142deg,rgba(121,163,126,.24),transparent 72%),#202d24;display:flex;justify-content:space-between;align-items:flex-start;font-size:9px;letter-spacing:.14em;color:#d6e5d3}
.x718-accent-copper .x718-cover{background:linear-gradient(145deg,#503d32,#18221b)}
.x718-accent-blue .x718-cover{background:linear-gradient(140deg,#263b48,#19261f)}
.x718-accent-silver .x718-cover{background:linear-gradient(140deg,#3c4542,#19221d)}
.x718-preview-identity{display:flex;gap:18px;align-items:center;padding:30px clamp(18px,4vw,42px) 25px;border-bottom:1px solid rgba(148,169,149,.22)}
.x718-preview-avatar{background:var(--x718-accent);color:#1b241c;width:74px;height:74px;border-radius:15px;display:grid;place-items:center;font-size:28px;font-weight:800;flex:none}
.x718-preview-identity h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(20px,2.5vw,34px);color:var(--x718-ink);letter-spacing:-.055em;line-height:1.15;margin:8px 0}
.x718-preview-identity p{font-size:12px;color:var(--x718-secondary);margin:0}
.x718-meta{color:var(--x718-accent);font-size:9px;letter-spacing:.15em;font-weight:750}
.x718-preview-sections{padding:12px clamp(18px,4vw,42px)}
.x718-preview-sections section{padding:16px 0;border-bottom:1px solid rgba(148,169,149,.14)}
.x718-preview-sections section p{font-size:12px;line-height:1.75;color:var(--x718-secondary);max-width:65ch;margin:12px 0 5px}
.x718-density-airy .x718-preview-sections section{padding:25px 0}.x718-density-compact .x718-preview-sections section{padding:11px 0}
.x718-hero-centered .x718-preview-identity{text-align:center;flex-direction:column}.x718-hero-editorial .x718-preview-identity{align-items:flex-end}
.x718-preview-page footer{padding:22px clamp(18px,4vw,42px);color:var(--x718-secondary);font-size:9px;letter-spacing:.14em}
.x718-canvas-footer{padding:17px 23px;border-top:1px solid var(--x718-line);display:flex;gap:20px;align-items:center;justify-content:space-between;background:#1a241c}
.x718-canvas-footer p{font-size:11px;line-height:1.6;color:#a7b9a8;max-width:470px;margin:0}
.x718-canvas-footer>div{display:flex;gap:8px;flex:none}
.x718-canvas-footer button{font-size:12px;border-radius:9px;padding:12px 16px;border:1px solid #526755}
.x718-canvas-footer .x718-save{color:#d2e4cf}.x718-canvas-footer .x718-publish{background:#d4e8cc;color:#172418;border-color:#d4e8cc;font-weight:750}
.x718-canvas-footer button:disabled{opacity:.42}
.x718-profile-cta{margin-left:auto;font-size:11px;border:1px solid #759478;background:#2a4030;color:#e0f5df;padding:11px 14px;border-radius:10px;white-space:nowrap}
.x718-published-profile{border:1px solid #46584a!important;background:#1b261d!important;max-width:740px!important}.x718-published-profile.x718-light{background:#f5f8f1!important;color:#253028!important}
.x718-published-sections{padding:15px 0;color:#9dc4a2;font-size:10px;letter-spacing:.08em;border-top:1px solid #415246;margin-top:13px}
#x718-studio button:focus-visible,#x718-studio select:focus-visible{outline:2px solid #c5dec1;outline-offset:2px}
@media(max-width:1050px){.x718-editor-body{grid-template-columns:minmax(0,270px) minmax(0,1fr)}.x718-editor-top{padding:17px 18px}.x718-inspector section{padding:20px 14px}.x718-preview-surface{padding:25px 13px}}
@media(max-width:740px){.x718-studio-backdrop{padding:0}.x718-workspace{border:0;border-radius:0;min-height:100dvh}.x718-editor-top{align-items:flex-start;flex-direction:column}.x718-editor-body{display:flex;flex-direction:column}.x718-inspector{border-right:0;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.x718-inspector section{border-right:1px solid var(--x718-line)}.x718-canvas-bar{padding:12px}.x718-canvas-footer{flex-direction:column;align-items:stretch}.x718-canvas-footer>div button{flex:1}}
@media(max-width:480px){.x718-inspector{grid-template-columns:1fr}.x718-device-frame{width:100%!important}.x718-preview-surface{padding:12px}.x718-preview-identity{padding:22px 15px;gap:12px}.x718-preview-avatar{width:54px;height:54px}.x718-editor-top h2{font-size:27px}.x718-canvas-bar{gap:15px}.x718-top-actions{width:100%;justify-content:space-between}.x718-cover{padding:15px}}
@media(prefers-reduced-motion:reduce){.x718-device-frame{transition:none}}