:root{color:#1a1b1f;background:#eef0ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(245,182,24,.18),transparent 34%),linear-gradient(315deg,rgba(18,18,18,.12),transparent 38%),#f5f5f1}.login-panel{width:min(100%,390px);padding:28px;border:1px solid #d9d7ce;border-radius:8px;background:#fff;box-shadow:0 18px 50px #1b18101f}.login-mark{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border-radius:8px;color:#111;background:#f5b618}.login-panel h1{margin:0 0 24px;font-size:1.8rem}.login-panel label,.field{display:grid;gap:8px;color:#303238;font-weight:750}.login-panel input,.field input,.field select,.field textarea{width:100%;border:1px solid #cac8be;border-radius:6px;padding:11px 12px;color:#111;background:#fff;outline:none}.field textarea{resize:vertical}.login-panel input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#d99a00;box-shadow:0 0 0 3px #f5b61840}.login-panel button,.download-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:0;border-radius:6px;color:#111;background:#f5b618;font-weight:850}.login-panel button{margin-top:18px}.error{margin:10px 0 0;color:#a83225;font-weight:700}.app{min-height:100vh;display:grid;grid-template-columns:minmax(320px,430px) 1fr;background:#eef0ee}.editor{min-height:100vh;padding:28px;border-right:1px solid #d7d5cc;background:#fbfbf7}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.editor-header p{margin:0 0 4px;color:#b17a00;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.editor-header h1{margin:0;font-size:2rem;line-height:1}.icon-button{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid #d0cec4;border-radius:6px;color:#2b2c30;background:#fff}.form-grid{display:grid;gap:16px}.field span{font-size:.86rem}.download-button{margin-top:24px}.download-button:disabled{cursor:progress;opacity:.68}.preview-area{min-width:0;display:grid;place-items:start center;padding:28px;overflow:auto}.preview-shell{width:min(100%,620px)}.flyer{position:relative;width:100%;aspect-ratio:1017 / 1487;overflow:hidden;background:#fff;container-type:inline-size;box-shadow:0 22px 70px #16171833}.flyer-template{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.flyer-text,.year-tile,.players-text,.strength-tile{position:absolute;z-index:1}.flyer-text{color:#050505;font-family:Impact,Arial Black,sans-serif;letter-spacing:0;text-transform:uppercase;line-height:.95;white-space:nowrap}.date-text{left:17.1%;top:47.4%;font-size:clamp(20px,7.3cqw,45px)}.time-text{left:17.2%;top:55.4%;font-size:clamp(14px,4.7cqw,29px)}.year-tile{left:65.2%;top:49.7%;width:20%;height:7.4%;display:grid;place-content:center;text-align:center;color:#fff}.year-tile strong{font-family:Impact,Arial Black,sans-serif;font-size:clamp(28px,8.8cqw,55px);line-height:.98}.players-text{top:64.2%;width:13%;height:6.2%;display:grid;place-content:center;color:#050505;font-family:Impact,Arial Black,sans-serif;font-size:clamp(12px,3.9cqw,24px);line-height:1.04;text-align:center;text-transform:uppercase}.players-two{left:17.6%}.players-single{left:26%;width:17%}.players-text span{display:block}.strength-tile{top:63.05%;width:18%;height:7.1%;display:grid;align-content:center;justify-items:center;color:#050505;text-align:center;text-transform:uppercase}.strength-one{left:42.3%}.strength-two{left:74.1%}.strength-single{left:64%;width:22%}.strength-tile span{min-width:70%;padding:.08em .3em .02em;color:#050505;background:#f5b618;font-family:Impact,Arial Black,sans-serif;font-size:clamp(9px,2.9cqw,18px);line-height:1.05}.strength-tile small{margin-top:.12em;font-family:Impact,Arial Black,sans-serif;font-size:clamp(9px,3cqw,19px);line-height:1}.strength-tile strong{color:#eeb01a;font-family:Impact,Arial Black,sans-serif;font-size:clamp(14px,4.9cqw,30px);line-height:.95}@media(max-width:920px){.app{grid-template-columns:1fr}.editor{min-height:auto;border-right:0;border-bottom:1px solid #d7d5cc}.preview-area{padding:18px}}@media(max-width:560px){.editor{padding:20px}.editor-header h1{font-size:1.65rem}}