:root {
  font-synthesis: none;
  color-scheme: light;
  --orange: #f47743;
  --orange-deep: #c85a2e;
  --orange-soft: #fff1e9;
  --ink: #262320;
  --muted: #746d67;
  --faint: #aaa19b;
  --line: #eae6e1;
  --paper: #ffffff;
  --canvas: #fbfaf8;
  --subtle: #f7f5f2;
  --shadow: 0 10px 28px rgba(53,43,31,.035);
  --red: #bb443e;
  --green: #287653;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--canvas);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.48;cursor:not-allowed}
a{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(244,119,67,.34);outline-offset:3px}
button{touch-action:manipulation}
input,textarea{min-width:0}
svg{width:19px;height:19px;flex:none}
button svg{width:17px;height:17px}
strong,h1,h2,h3{font-family:'Manrope','DM Sans',sans-serif}
.app-shell{min-height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr)}
.site-top{z-index:60;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}
.site-top-left,.site-top-right{display:flex;align-items:center;gap:18px;min-width:0}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}
.brand img{height:32px;width:32px}
.brand-word{font-family:'Manrope',sans-serif;font-size:22px;font-weight:800;letter-spacing:-1.7px;color:var(--ink)}
.brand-word b{color:var(--orange)}
.top-divider{width:1px;height:25px;background:var(--line)}
.app-name{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.save-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}
.save-dot{height:7px;width:7px;border-radius:50%;background:#42a277;display:inline-block}
.btn{border:1px solid var(--line);background:var(--paper);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:40px;color:var(--ink);font-weight:700;font-size:12.5px;white-space:nowrap;transition:background .16s,transform .16s,border .16s}
.btn:hover{background:var(--subtle);border-color:#dcd5ce}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--orange);border-color:var(--orange);color:white}
.btn.primary:hover{background:#e96834}
.btn.soft{color:var(--orange-deep);background:var(--orange-soft);border-color:#fde3d4}
.btn.soft:hover{background:#ffe7d9}
.btn.quiet{background:transparent;border-color:transparent;color:var(--muted)}
.btn.quiet:hover{background:var(--subtle);color:var(--ink)}
.btn.icon-btn{padding:9px;min-width:39px}
.btn.round{border-radius:999px}
.btn.small{min-height:34px;padding:7px 10px}
.top-menu-btn{display:none}
.layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:258px minmax(0,1fr) 336px;max-width:1900px;width:100%;margin:auto}
.draft-sidebar,.inspector{min-width:0;background:var(--paper)}
.draft-sidebar{border-right:1px solid var(--line);padding:30px 17px 24px;display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 72px)}
.sidebar-heading,.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px}
.sidebar-heading h2,.inspector-heading h2{font-family:'DM Sans',sans-serif;margin:0;font-size:12px;letter-spacing:.045em;font-weight:800}
.sidebar-note{font-size:12px;color:var(--muted);line-height:1.55;margin:0;padding:0 5px}
.search-holder{position:relative}
.search-holder svg{position:absolute;left:11px;top:11px;color:#9b938c;width:17px;height:17px}
.search{background:var(--subtle);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px 12px 10px 37px;outline:none;font-size:12px;color:var(--ink)}
.search::placeholder{color:var(--faint)}
.draft-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:60px;max-height:calc(100vh - 330px);padding:1px}
.draft-item{display:flex;align-items:flex-start;gap:10px;border:1px solid transparent;background:transparent;border-radius:11px;width:100%;text-align:left;padding:12px 10px;min-width:0;color:var(--ink);transition:background .15s}
.draft-item:hover{background:var(--subtle)}
.draft-item.active{background:var(--orange-soft);border-color:#ffe4d6}
.draft-item .draft-file-icon{color:var(--orange-deep);width:18px;height:18px;margin-top:2px}
.draft-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.draft-name{font-weight:700;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}
.draft-meta{font-size:11px;color:var(--muted)}
.no-results{padding:16px 9px;color:var(--muted);font-size:12px;line-height:1.6}
.sidebar-footer{margin-top:auto;padding:16px 8px 4px;border-top:1px solid var(--line)}
.sidebar-footer p{font-size:11px;line-height:1.55;color:var(--muted);margin:4px 0 0}
.inline-link{padding:0;background:none;border:0;color:var(--orange-deep);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.workspace{min-width:0;padding:44px clamp(22px,4.3vw,76px) 90px;overflow:clip}
.work-area{width:100%;max-width:880px;margin:0 auto}
.intro{margin-bottom:36px}
.eyebrow{color:var(--orange-deep);font-weight:800;font-size:10px;letter-spacing:.155em;text-transform:uppercase;margin:0 0 10px}
.intro h1{font-size:clamp(26px,3vw,37px);letter-spacing:-1.45px;line-height:1.25;margin:0 0 9px;color:var(--ink)}
.intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.65;max-width:520px}
.paper{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;overflow:hidden}
.paper-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:16px 26px}
.market-choice{display:flex;gap:3px;padding:4px;background:var(--subtle);border:1px solid var(--line);border-radius:12px}
.market-choice button{border:0;background:transparent;padding:8px 15px;border-radius:9px;font-size:12px;font-weight:750;color:var(--muted);transition:background .15s,color .15s}
.market-choice button[aria-pressed="true"]{color:var(--ink);background:var(--paper);box-shadow:0 2px 8px #0000000a}
.toolbar-right{display:flex;gap:7px;align-items:center}
.editor-main{padding:clamp(20px,3.2vw,45px)}
.editor-title-line{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 30px}
.editor-title-label{font-size:11px;font-weight:750;letter-spacing:.04em;color:var(--muted)}
.draft-saved-time{font-size:11px;color:var(--faint)}
.field{margin-bottom:30px;position:relative}
.field:last-child{margin-bottom:0}
.field-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}
.field label,.field-heading{font-size:12px;font-weight:800;color:var(--ink)}
.field-sub{font-size:12px;color:var(--muted);line-height:1.65;margin:7px 0 0}
.counter{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.counter.near{color:#a96c28}
.counter.over{color:var(--red);font-weight:800}
.text-input{width:100%;border:1px solid var(--line);border-radius:11px;outline:none;background:var(--paper);color:var(--ink);transition:border .16s,box-shadow .16s;font-size:14px;line-height:1.6}
.text-input:focus{outline:none;border-color:#ee9a75;box-shadow:0 0 0 3px #f4774314}
.text-input::placeholder{color:#a5a09a}
.text-input.title-input{padding:13px 15px;font-family:'Manrope',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.4px}
.text-input.highlight-input{padding:13px 15px;resize:vertical;min-height:77px}
.text-input.description-input{padding:17px 18px;min-height:250px;resize:vertical;line-height:1.85;font-size:14px}
.text-input.keyword-input{padding:12px 15px}
.hr{height:1px;background:var(--line);margin:28px 0}
.section-toggle{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent;border:0;padding:4px 0 6px;color:var(--ink)}
.section-toggle .left{display:flex;flex-direction:column;gap:5px}
.section-toggle strong{font-size:12px}
.section-toggle small{font-size:12px;line-height:1.55;color:var(--muted)}
.section-toggle svg{transition:transform .16s;color:var(--muted)}
.section-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.fold-content{margin-top:16px}
.feature-rows{display:flex;flex-direction:column;gap:10px}
.feature-row{display:flex;align-items:start;gap:9px}
.feature-row .feature-number{width:22px;height:36px;display:grid;place-items:center;color:var(--faint);font-size:11px;flex:none}
.feature-row .text-input{padding:11px 13px;font-size:13px;resize:vertical;min-height:44px}
.feature-row button{flex:none}
.editor-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;border-top:1px solid var(--line);padding-top:24px;flex-wrap:wrap}
.editor-bottom p{color:var(--muted);font-size:11px;margin:0;line-height:1.6}
.editor-actions{display:flex;flex-wrap:wrap;gap:9px}
.inspector{border-left:1px solid var(--line);padding:31px 20px 30px;display:flex;flex-direction:column;gap:19px;min-height:calc(100vh - 72px)}
.inspector-card{background:var(--subtle);border:1px solid var(--line);border-radius:13px;padding:19px}
.inspector-card h3{font-family:'DM Sans',sans-serif;margin:0 0 15px;font-size:12px}
.preview-head{display:flex;gap:11px;align-items:center;margin-bottom:14px}
.preview-thumb{height:42px;width:42px;border-radius:11px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange-deep)}
.preview-head strong{font-size:12px}
.preview-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.preview-title{font-size:13px;line-height:1.65;font-weight:700;overflow-wrap:anywhere}
.preview-highlight{font-size:11.5px;line-height:1.65;margin-top:8px;color:var(--muted);overflow-wrap:anywhere}
.preview-desc{font-size:11.5px;line-height:1.7;margin-top:10px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.placeholder{color:var(--faint)!important;font-weight:500!important}
.preview-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin:13px 0 0;font-size:11.5px;line-height:1.55;color:var(--muted)}
.preview-features li:before{content:'•';color:var(--orange-deep);margin-right:8px}
.preview-disclaimer{font-size:11px;color:var(--faint);line-height:1.6;margin:12px 0 0}
.review-list{display:flex;flex-direction:column;gap:14px}
.review-item{display:flex;align-items:start;gap:10px}
.review-item svg{width:16px;height:16px;margin-top:1px;color:var(--green)}
.review-item.warn svg{color:#bd743b}
.review-item.missing svg{color:var(--faint)}
.review-item strong{font-size:11.5px;display:block}
.review-item p{font-size:11px;color:var(--muted);margin:3px 0 0;line-height:1.6}
.inspector-bottom{margin-top:auto;border-top:1px solid var(--line);padding:17px 5px 0;font-size:11px;color:var(--muted);line-height:1.7}
.inspector-bottom a{color:var(--orange-deep);text-underline-offset:2px}
.overlay{position:fixed;inset:0;z-index:120;background:rgba(32,25,20,.4);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.modal{background:var(--paper);border-radius:18px;border:1px solid var(--line);box-shadow:0 35px 95px rgba(25,15,10,.2);width:min(540px,100%);max-height:min(700px,88vh);overflow:auto;padding:26px}
.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.modal-heading h2{font-size:20px;margin:0;letter-spacing:-.6px}
.modal p{color:var(--muted);line-height:1.65;font-size:13px}
.modal .modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:24px}
.modal .form-line{display:flex;flex-direction:column;gap:8px;margin:17px 0}
.modal .form-line label{font-weight:700;font-size:12px}
.modal .form-line input{background:var(--paper);border:1px solid var(--line);padding:11px 13px;border-radius:9px;color:var(--ink)}
.version-item{border:1px solid var(--line);border-radius:11px;padding:13px 15px;margin:12px 0;display:flex;justify-content:space-between;gap:14px;align-items:center}
.version-item strong{font-size:12px}
.version-item small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);background:#2c2825;color:#fff;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 15px 40px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300;max-width:calc(100vw - 32px);text-align:center}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.mobile-scrim{display:none}
.drafts-toggle{display:none}
.more-menu{position:absolute;z-index:75;right:0;top:calc(100% + 8px);width:224px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 18px 45px #0002;padding:6px;display:flex;flex-direction:column;gap:3px}
.more-menu button{border:0;border-radius:8px;background:transparent;padding:11px 12px;text-align:left;color:var(--ink);font-size:12px;display:flex;align-items:center;gap:9px}
.more-menu button:hover{background:var(--subtle)}
.menu-anchor{position:relative}
.mini-label{font-size:10px;color:var(--muted);font-weight:750;letter-spacing:.08em;text-transform:uppercase}
body.focus-mode .draft-sidebar,body.focus-mode .inspector{display:none}
body.focus-mode .layout{grid-template-columns:minmax(0,1fr)}
body.focus-mode .workspace{padding-left:24px;padding-right:24px}
body.focus-mode .work-area{max-width:810px}
body.dark{color-scheme:dark;--ink:#f4efea;--muted:#b5aaa1;--faint:#80756e;--line:#413b36;--paper:#24211f;--canvas:#1a1918;--subtle:#2e2a27;--orange-soft:#432f27;--orange-deep:#f79a6b;--shadow:0 10px 28px #0003;--red:#ef8e86;--green:#75ce9d}
body.dark .draft-item.active{border-color:#6c4635}
body.dark .brand-word{color:#f8f3ee}
body.dark .market-choice button[aria-pressed="true"]{box-shadow:0 2px 8px #0003}
@media (max-width:1330px){.layout{grid-template-columns:234px minmax(0,1fr) 295px}.workspace{padding:35px 31px 70px}.editor-main{padding:31px}.inspector{padding:26px 15px}.draft-sidebar{padding:26px 12px}}
@media (max-width:1120px){.layout{grid-template-columns:235px minmax(0,1fr)}.inspector{display:none}.workspace{padding-left:clamp(24px,5vw,75px);padding-right:clamp(24px,5vw,75px)}.draft-sidebar{min-height:calc(100vh - 72px)}.site-top{padding:0 25px}.drafts-toggle{display:inline-flex}}
@media (max-width:740px){.app-shell{grid-template-rows:64px minmax(0,1fr)}.site-top{padding:0 16px;gap:12px}.site-top-left,.site-top-right{gap:9px}.top-divider,.app-name{display:none}.brand img{width:28px;height:28px}.brand-word{font-size:21px}.save-status{font-size:0}.save-dot{width:8px;height:8px}.top-menu-btn{display:inline-flex}.layout{display:block;min-height:calc(100vh - 64px)}.draft-sidebar{position:fixed;left:0;top:64px;bottom:0;height:calc(100vh - 64px);width:min(330px,88vw);z-index:92;transform:translateX(-101%);transition:transform .2s;box-shadow:15px 0 35px #00000012;min-height:unset}.draft-sidebar.is-open{transform:translateX(0)}.mobile-scrim.is-open{display:block;position:fixed;inset:64px 0 0;z-index:91;background:#29211c72}.workspace{padding:28px 13px 80px}.intro{margin:0 4px 23px}.intro h1{font-size:29px}.paper-toolbar{padding:12px;gap:6px;flex-wrap:wrap}.market-choice button{padding:8px 14px}.toolbar-right{margin-left:auto}.editor-main{padding:24px 17px}.editor-title-line{margin-bottom:23px}.text-input.description-input{min-height:210px}.editor-bottom{align-items:stretch}.editor-actions{width:100%}.editor-actions .btn{flex:1}.drafts-toggle{display:none}.site-top-right .small-hide{display:none}}
@media (max-width:380px){.brand-word{display:none}.site-top-right .btn{padding:8px}.editor-main{padding:20px 13px}.editor-actions .btn{font-size:11px}.paper-toolbar{gap:4px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}