:root{font-family:Inter,Arial,sans-serif;color:#28302b;background:#f4f3ee;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#fff;border-bottom:1px solid #e8e8e1;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{display:flex;align-items:center;gap:12px}.mark{background:#4d5f50;color:#fff;width:40px;height:40px;display:grid;place-items:center;font-family:Georgia,serif;font-size:15px}.brand strong{display:block;font-family:Georgia,serif;font-size:17px;font-weight:normal}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:#89918a;margin-top:4px}.private{color:#999f98;font-size:12px}main{max-width:1370px;margin:auto;padding:48px 5% 34px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow,.number{color:#a7865c;letter-spacing:.14em;font-size:10px;font-weight:bold}.eyebrow span{color:#d6d4c8;margin:0 8px}h1{font:normal 38px/1.1 Georgia,serif;letter-spacing:-.025em;margin:16px 0 10px}p{color:#879088;line-height:1.55;margin:0}.step{font:24px Georgia,serif;color:#5e6d60}.step span{color:#c7cac2;font-size:14px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:610px;background:white;border:1px solid #e6e7df;box-shadow:0 10px 35px #29342b0a}aside{border-right:1px solid #e9eae3;display:flex;flex-direction:column;padding:25px}.section-head,.section-head>div,.preview-head{display:flex;align-items:center;justify-content:space-between}.section-head>div{gap:12px}.section-head strong,.preview-head strong,.aside-bottom strong{font-size:13px}.section-head>span{font-size:9px;letter-spacing:.1em;color:#a1aaa0}.helper{font-size:12px;margin:12px 0 16px}.folder{border:1px solid #d4dad1;padding:13px;text-align:center;color:#4d6151;font-weight:bold;font-size:12px;cursor:pointer}.folder:hover{background:#f4f7f3}.folder input{display:none}.list{margin:20px -25px;flex:1}.empty-list{padding:22px 25px;color:#afb5ae;font-size:12px}.file{border:0;border-left:3px solid transparent;background:white;text-align:left;padding:13px 22px;width:100%;cursor:pointer;color:#687269}.file.active{background:#f2f5f0;border-left-color:#788e78;color:#2f4032}.file strong{display:block;font-size:12px;overflow-wrap:anywhere}.file small{display:block;margin-top:5px;color:#a0a89f;font-size:10px}.aside-bottom{border-top:1px solid #ededeb;padding-top:22px}.aside-bottom .number{margin-right:10px}.year-wrap{border:1px solid #dce0d9;padding:10px 13px;display:flex;align-items:center;justify-content:space-between}.year-wrap label{font-size:9px;letter-spacing:.12em;font-weight:bold;color:#a0a9a0}.year-wrap input{border:0;width:75px;font:24px Georgia,serif;color:#435848;outline:none}.preview{display:flex;flex-direction:column;min-width:0}.preview-head{padding:24px 30px;border-bottom:1px solid #eeefea;align-items:start}.preview-head .number{margin-right:10px}.preview-head p{margin:7px 0 0 28px;font-size:12px;overflow-wrap:anywhere}.badge{background:#f1f4ee;color:#778c78;font-weight:bold;letter-spacing:.1em;font-size:9px;padding:8px}.canvas{flex:1;background:#f1f1ec;min-height:420px;display:grid;place-items:center;padding:22px}.placeholder{text-align:center}.placeholder strong{font:20px Georgia,serif}.placeholder p{font-size:12px;margin-top:8px}.paper-icon{font-size:30px;color:#a4b2a2;margin:0 auto 20px;width:70px;height:80px;border:1px solid #d3d8cf;background:#fafaf7;display:grid;place-items:center}iframe{height:100%;width:100%;min-height:430px;border:0;background:white}.preview-foot{padding:18px 30px;display:flex;justify-content:space-between;gap:10px;color:#929b92;font-size:11px}.bottom{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.bottom strong{font:20px Georgia,serif}.bottom p{font-size:12px;margin-top:6px}button#download{border:0;background:#4e6352;color:white;font-weight:bold;padding:16px 20px;cursor:pointer}button#download span{margin-left:20px}button:disabled{opacity:.45;cursor:not-allowed!important}details{border-top:1px solid #dedfd7;padding:20px 0;color:#56665a}summary{cursor:pointer;font-weight:bold}details p{font-size:12px;max-width:900px;margin:14px 0}.setting{display:flex;align-items:center;gap:10px;border-top:1px solid #e1e3dd;padding:10px 0;font-size:12px}.setting span{flex:1;overflow-wrap:anywhere}.setting input,.setting select{padding:6px;border:1px solid #d4dad1;background:white;color:#435848}.setting input{width:75px}footer{display:flex;justify-content:space-between;border-top:1px solid #e3e4dd;padding:24px 6%;color:#a6ada4;font-size:10px;letter-spacing:.08em}@media(max-width:760px){header{padding:0 5%}.private,.step{display:none}main{padding-top:35px}h1{font-size:31px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #eee}.list{max-height:220px;overflow:auto}.canvas{min-height:350px}.preview-foot,.bottom{align-items:start;flex-direction:column}.bottom{gap:20px}.setting{flex-wrap:wrap}}
.error{color:#a34d40!important}.preview-foot #change{max-width:65%;text-align:right}.placeholder p{max-width:360px;margin-left:auto;margin-right:auto;color:#8b716d}

.mode-label{display:block;color:#a0a9a0;font-size:9px;letter-spacing:.12em;font-weight:bold;margin-bottom:8px}.year-mode{width:100%;border:1px solid #dce0d9;background:white;color:#435848;padding:10px;margin-bottom:10px;font-size:12px}.year-wrap[hidden],.helper[hidden]{display:none}