:root{font-family:system-ui,-apple-system,sans-serif;color:#253a31;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:92px;border-bottom:1px solid #dedfd5;display:flex;align-items:center;padding:0 6vw;gap:24px}.brand{font-size:32px;letter-spacing:-2px;font-weight:750;color:inherit;text-decoration:none}.brand span{font-size:13px;font-weight:450;letter-spacing:0;margin-left:12px;color:#657366}.badge,.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px}.badge{border:1px solid #becbbd;border-radius:20px;padding:7px 11px}#logout{margin-left:auto}main{max-width:1220px;margin:auto;padding:46px 32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}h1{font-family:Georgia,serif;font-size:clamp(34px,4.5vw,58px);font-weight:400;letter-spacing:-2px;margin:16px 0}.eyebrow{color:#637663}.sub,p{line-height:1.6}.sub{color:#67736a}h2{font-size:22px;font-weight:550}h3{font-size:17px}button{font:inherit;font-size:14px;border:1px solid #314e3d;border-radius:8px;padding:12px 18px;background:#314e3d;color:white;cursor:pointer}button:hover{filter:brightness(.93)}button:disabled{opacity:.55;cursor:wait}.quiet,#logout{background:transparent;color:#314e3d;border-color:#bdc6ba}.bar{display:flex;align-items:center;justify-content:space-between;gap:15px}#count{color:#7f897e;font-size:15px;margin-left:8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:20px 0 38px}.card{background:#fffefa;border:1px solid #dedfd5;border-radius:14px;padding:12px;overflow:hidden}.sample{min-height:195px;border-radius:7px;padding:26px;background-color:var(--fill);color:var(--ink);position:relative}.sample h3{font:26px Georgia,serif;margin:7px 0 16px}.sample p{font-size:13px;max-width:220px}.sample.ruled{background-image:repeating-linear-gradient(transparent 0,transparent 27px,var(--accent) 28px,transparent 29px)}.sample.dots{background-image:radial-gradient(var(--accent) 1px,transparent 1px);background-size:18px 18px}.card-info{padding:12px 7px 6px}.card-info h3{margin:5px 0}.meta{display:flex;justify-content:space-between;color:#667264;font-size:12px;gap:8px}.card button{margin-top:14px;width:100%}.login{max-width:470px;background:#fffefa;border:1px solid #dedfd5;padding:30px;border-radius:14px}.login button{margin-top:20px}.hint{font-size:12px;color:#67736a}label{display:block;font-size:13px;font-weight:550}input,select,textarea{display:block;width:100%;margin-top:7px;font:inherit;border:1px solid #bac4b6;border-radius:6px;background:#fffefa;color:#253a31;padding:10px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #93b7a2;outline-offset:2px}input[type=color]{height:42px;padding:4px}.history{border-top:1px solid #dedfd5;padding:24px 0;color:#657366;font-size:13px}li{padding:5px}footer{font-size:12px;color:#798277;margin-top:48px}dialog{border:1px solid #cbd2c4;border-radius:14px;padding:26px;width:min(760px,95vw);max-height:90vh;color:#253a31;background:#f6f5ef}dialog::backdrop{background:#17251dad;backdrop-filter:blur(3px)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.palettes,.previews{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.previews .sample{min-height:160px}.actions{display:flex;gap:12px;margin-top:22px}.publish,#listing{border-top:1px solid #d5dccf;margin-top:25px;padding-top:10px}.check{display:flex;align-items:center;gap:8px;margin-top:16px}.check input{width:auto;margin:0}[role=status]{color:#82532c;font-size:14px;white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 22px}.cards{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}main{padding:28px 20px}.palettes,.previews,.fields{grid-template-columns:1fr}.wide{grid-column:auto}.sample{min-height:180px}.badge{display:none}}

pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:14px;background:#e8ecdf;border-radius:6px}

#identity{font-size:12px;color:#657366;margin-left:auto}#identity:not([hidden])+#logout{margin-left:0}@media(max-width:760px){#identity{display:none}}