:root{--ink:#294c3d;--paper:#fcf7ea;--accent:#e0eacb;--line:#dce0cf;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,summary{font:inherit}button,.import-draft{cursor:pointer;min-height:44px;border-radius:24px;padding:10px 18px;border:1px solid var(--ink);color:var(--ink);background:transparent;font-weight:600}button:hover,.import-draft:hover{background:var(--accent)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #87a258;outline-offset:3px}.cloudbar{min-height:66px;display:flex;align-items:center;gap:14px;padding:10px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:19px;color:var(--ink);text-decoration:none;font-weight:700}.brand small{display:inline-block;font-size:11px;font-weight:400;margin-left:10px}#status{margin-left:auto;font-size:13px;max-width:500px}#status[data-kind=pending]{color:#805315}#status[data-kind=error]{color:#a12929}#gate{max-width:1150px;margin:7vh auto;padding:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-.045em;margin:22px 0}p{line-height:1.6}.intro>p{max-width:430px;color:#617365}.features{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.features span{border-radius:24px;background:var(--accent);padding:9px 13px;font-size:12px}.card{border:1px solid var(--ink);border-radius:28px;background:#fffdf6;padding:30px;box-shadow:0 12px 40px #294c3d09}.card h2{font-size:23px;margin:0 0 12px}.muted{font-size:14px;color:#617365}.primary,.secondary{width:100%;margin-top:10px}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#3f644e}.secondary{border-color:var(--line)}label{display:block;font-size:14px;margin:18px 0 10px}input:not([type=file]){display:block;width:100%;margin-top:8px;border-radius:12px;padding:12px;border:1px solid #aebbac;background:#fffdf6;color:var(--ink)}details{font-size:13px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;min-height:30px}#gate-error,#sync-error{color:#a12929;font-size:14px}#workspace{height:calc(100dvh - 67px);display:flex;flex-direction:column}#sync-panel{padding:7px 20px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}#sync-panel button,.import-draft{min-height:36px;font-size:12px;padding:7px 12px;margin:0}#sync-error{flex:1;min-width:0}iframe{border:0;width:100%;flex:1;min-height:0;background:var(--paper)}@media(max-width:760px){.cloudbar{padding:10px 14px;gap:8px}.brand{font-size:17px}#status{font-size:11px;flex-basis:100%;order:3}#gate{margin:18px auto;grid-template-columns:1fr;gap:28px;padding:20px}.intro h1{font-size:40px;margin:14px 0}.intro>p{font-size:14px}.features{margin-top:16px}.card{padding:24px;border-radius:24px}#workspace{height:calc(100dvh - 92px)}#sync-panel{padding:8px 12px}#sync-error:empty{display:none}}@supports(padding:max(0px)){.cloudbar{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left))}}

#archive-list{padding:12px 20px;background:#e0eacb;font-size:13px;display:flex;gap:10px;flex-wrap:wrap}#archive-list button{font-size:12px}#sync-panel #sync-error:not(:empty){flex-basis:100%}