@font-face{font-family:EditorialBold;src:url('fonts/EditorialBold.ttf')}@font-face{font-family:Editorial;src:url('fonts/Editorial.ttf')}@font-face{font-family:EditorialItalic;src:url('fonts/EditorialItalic.ttf')}@font-face{font-family:StudioSans;src:url('fonts/StudioSans.ttf')}
*{box-sizing:border-box}body{margin:0;background:#e9e5df;color:#242321;font:13px StudioSans,Arial,sans-serif}header{background:#f9f6ef;border-bottom:1px solid #e1dcd2;padding:24px 4vw;display:flex;justify-content:space-between;align-items:center}.brand{font:25px Editorial,serif}.brand small{display:block;font:9px StudioSans;letter-spacing:2px;margin-top:8px}header>span{font:italic 18px Editorial,serif;color:#7b6e65}main{display:grid;grid-template-columns:minmax(0,1fr) 420px;max-width:1600px;margin:auto;align-items:start}.studio{padding:28px 4vw;position:sticky;top:0}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#9e486c}.intro h1{font:37px Editorial,serif;margin:8px 0}.intro p{color:#766e65;margin:0 0 20px}.preview-tools{display:flex;justify-content:space-between;align-items:center;max-width:650px;margin:0 auto 11px;font-size:10px;color:#766e65}.preview-tools label{display:flex;gap:5px;align-items:center;margin:0}.paper{max-width:650px;margin:auto;box-shadow:0 12px 35px #29221b30}canvas{display:block;width:100%;height:auto;touch-action:none;background:#faf3e6}.preview-help,#quality{text-align:center;font-size:10px;color:#756d64;line-height:1.6}.jump{display:none}aside{background:#f9f6ef;min-height:100vh;border-left:1px solid #e1dcd2}.panel-title{padding:28px 25px 16px}.panel-title h2{font:32px Editorial,serif;margin:10px 0}.panel-title p{margin:0;color:#766e65}nav{display:flex;position:sticky;top:0;background:#f9f6ef;z-index:4;border-block:1px solid #e1dcd2}nav button{flex:1;border:0;border-radius:0;border-bottom:2px solid transparent;padding:15px 5px;background:none;font-size:11px}nav button.active{color:#b10059;border-bottom-color:#e60073}.panel{padding:4px 25px 28px}.panel[hidden]{display:none}h3{font:23px Editorial,serif;margin:23px 0 12px}p{line-height:1.65}label{display:block;font-size:11px;margin:15px 0 7px}input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea{width:100%;background:#fffdf9;border:1px solid #d6cfc4;border-radius:4px;padding:10px;font:13px StudioSans;color:#242321}textarea{resize:vertical;min-height:88px;line-height:1.65}input[type=file]{width:100%;font-size:11px}input[type=range]{width:100%;accent-color:#bc286b}input[type=color]{width:43px;height:34px;padding:2px;background:white;border:1px solid #d6cfc4;border-radius:4px}button{cursor:pointer;padding:11px 12px;border:1px solid #d2c9bd;border-radius:4px;background:#fffdf9;color:#332b2b;font:11px StudioSans}button:hover{background:#f0e7e6}button.primary{color:white;background:#272323;border-color:#272323}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.hint{font-size:10px;line-height:1.75;color:#756d64}.notice,#factsStatus{padding:12px;background:#f2e5e9;border-left:2px solid #c95484;font-size:11px;line-height:1.7;margin:16px 0}#factsStatus{margin:16px 25px}.loading:before{content:'◌ ';display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.check{display:flex;gap:8px;line-height:1.65}.range-label{display:flex;justify-content:space-between}.colors{display:flex;align-items:center;gap:9px;margin:10px 0}.colors label{flex:1;margin:0}.colors input[type=text]{width:90px!important;font-size:11px!important}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette{text-align:left;padding:9px;font-size:10px}.chips{display:flex;height:17px;overflow:hidden;border-radius:2px;margin-bottom:7px}.chips i{flex:1}#fontSample{font-size:28px;line-height:1.2;margin:13px 0}#status{margin:0 25px 25px;padding:12px;background:#ede5e9;line-height:1.7;font-size:11px;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #e1dcd2;margin:22px 0}footer{text-align:center;color:#84796f;font-size:9px;padding:22px}a{color:#9b2e5c}details{margin:16px 0}summary{cursor:pointer;font-size:11px}.source-card{font-size:10px;padding:9px 0;border-bottom:1px solid #e1dcd2;overflow-wrap:anywhere}.source-card a{display:block}.source-card p{margin:4px 0}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ba4278;outline-offset:3px}
@media(min-width:1100px){.paper,.preview-tools{max-width:min(650px,calc((100vh - 310px)*.75))}}@media(max-width:850px){main{display:block}.studio{position:relative;padding:23px 18px}.paper,.preview-tools{max-width:510px}.intro h1{font-size:32px}aside{border-left:0;border-top:1px solid #e1dcd2;min-height:0}.panel,.panel-title{max-width:600px;margin:auto}header{padding:20px}header>span{display:none}.jump{display:block;text-align:center;margin:15px;font-size:12px}#status{max-width:550px;margin:0 auto 24px}nav{justify-content:center}nav button{max-width:120px;padding:17px 8px}.brand{font-size:23px}}