*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#194383;--yellow:#f5c948;--cream:#f4ebda;--bg:#f0f0f0;--text:#1a1a1a}@font-face{font-family:Fira Sans;font-weight:700;src:url(/assets/FiraSans-Bold-Ceas-h-k.ttf)format("truetype")}@font-face{font-family:Fira Sans;font-weight:600;src:url(/assets/FiraSans-SemiBold-CFrlHOO5.ttf)format("truetype")}@font-face{font-family:Fira Sans;font-weight:400;src:url(/assets/FiraSans-Regular-wsX-c0Os.ttf)format("truetype")}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Fira Sans,system-ui,sans-serif}header{background:var(--blue);color:#fff;align-items:center;gap:16px;padding:12px 24px;display:flex}.header-logo{width:auto;height:40px}header h1{letter-spacing:1px;font-size:18px;font-weight:700}.beta-badge{text-transform:uppercase;letter-spacing:1px;background:var(--yellow);color:var(--blue);border-radius:3px;padding:2px 8px;font-size:10px;font-weight:700}.app{grid-template-columns:340px 1fr;min-height:calc(100vh - 64px);display:grid}.controls{background:#fff;border-right:1px solid #ddd;flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.controls section{flex-direction:column;gap:8px;display:flex}.controls h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);font-size:12px;font-weight:700}.team-list{border:1px solid #eee;border-radius:6px;flex-direction:column;gap:2px;max-height:280px;padding:4px;display:flex;overflow-y:auto}.team-actions{gap:6px;padding:4px;display:flex}.team-actions button{cursor:pointer;color:var(--blue);background:#fff;border:1px solid #ddd;border-radius:3px;padding:3px 8px;font-family:inherit;font-size:11px}.team-actions button:hover{background:var(--bg)}.team-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.team-checkbox:hover{background:var(--bg)}.team-checkbox input{accent-color:var(--blue)}.quick-dates{flex-wrap:wrap;gap:6px;display:flex}.date-inputs{gap:10px;display:flex}.date-inputs label{color:#666;flex-direction:column;flex:1;gap:3px;font-size:12px;font-weight:600;display:flex}.date-inputs input{border:1px solid #ddd;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}.quick-dates button,.type-buttons button,.format-buttons button{border:2px solid var(--blue);color:var(--blue);cursor:pointer;background:#fff;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s}.quick-dates button:hover,.type-buttons button:hover,.format-buttons button:hover{background:#e8edf4}.quick-dates button.active,.type-buttons button.active,.format-buttons button.active{background:var(--blue);color:#fff}.type-buttons,.format-buttons{flex-wrap:wrap;gap:6px;display:flex}.format-buttons button{flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex}.format-buttons button small{opacity:.7;font-size:10px;font-weight:400}.aarhus-toggle{border-top:1px solid #eee;margin-top:4px;padding-top:4px}.aarhus-toggle summary{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;font-size:13px}.aarhus-toggle summary:hover{color:var(--blue)}.controls input[type=text],.controls textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.controls textarea{resize:vertical}.primary-btn{background:var(--blue);color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s}.primary-btn:hover:not(:disabled){background:#0d2d5e}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{width:100%;color:var(--blue);border:2px solid var(--blue);cursor:pointer;background:#fff;border-radius:6px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.secondary-btn:hover{background:#e8edf4}.preview-area{flex-direction:column;padding:0;display:flex;overflow-y:auto}.preview-toolbar{z-index:10;background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:10px;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000000f}.preview-toolbar .primary-btn{width:auto;padding:10px 28px}.preview-toolbar .secondary-btn{width:auto;padding:8px 20px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:20px;padding:24px;display:grid}.preview-card{background:#fff;border-radius:8px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 2px 8px #00000014}.preview-card:hover{box-shadow:0 4px 16px #00000024}.preview-card--large{grid-column:1/-1;max-width:540px}.preview-card--a4{grid-column:1/-1;max-width:420px}.preview-card--a4 .preview-svg{aspect-ratio:2480/3508}.preview-svg{aspect-ratio:1;width:100%;display:block}.preview-svg svg{width:100%;height:100%;display:block}.preview-info{color:#555;border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.download-btn{background:var(--yellow);color:var(--blue);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .15s}.download-btn:hover{opacity:.85}.empty-state{text-align:center;color:#999;grid-column:1/-1;padding:80px 20px;font-size:15px}.loading{text-align:center;color:var(--blue);padding:20px;font-size:13px}.status-bar{color:var(--blue);background:#e8edf4;border-bottom:1px solid #ddd;padding:10px 14px;font-size:13px;font-weight:600}