:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0c0f19;color:#f5f5fa}*{box-sizing:border-box}body{margin:0}header{padding:19px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:#141724;border-bottom:1px solid #33384b}header strong{font-size:24px}header em{color:#ed5267;font-style:normal}header span,.previewhead span{font-size:12px;color:#b6c3e7}main{max-width:1320px;margin:25px auto;padding:0 18px;display:grid;grid-template-columns:395px minmax(0,1fr);gap:22px}.panel{background:#1b2031;border:1px solid #343b53;border-radius:17px;padding:23px}h1{font-size:24px;margin:0 0 12px}p{line-height:1.55;color:#d0d9ee}label{display:block;font-weight:700;font-size:14px;margin:21px 0 9px}input,select,textarea{width:100%;border:1px solid #515a76;background:#111625;border-radius:8px;color:white;padding:12px;font:inherit}textarea{resize:vertical}button{cursor:pointer;font:inherit;border-radius:9px;color:white}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode{background:#111625;border:1px solid #424b67;padding:13px 8px;text-align:left;font-size:13px;font-weight:700}.mode small{display:block;font-weight:400;color:#b9c5df;margin-top:7px}.active{border-color:#fa566d!important;box-shadow:0 0 0 1px #fa566d}.templates{display:flex;gap:12px;margin-top:15px}.template{width:47%;background:#101524;border:1px solid #3a4058;padding:7px}.template img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.template small{display:block;margin:6px 0}.primary,.secondary{width:100%;padding:14px;border:0;margin-top:16px;font-weight:700}.primary{background:#e14a5d}.secondary{background:#313b54}.secondary:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.hint{font-size:12px;color:#9ca9c6}#status{font-size:13px;background:#273149;padding:12px;border-radius:8px}.preview{min-height:700px;text-align:center}.previewhead{display:flex;justify-content:space-between;text-align:left;margin-bottom:20px}canvas{display:block;max-width:100%;width:auto;height:auto;max-height:78vh;margin:0 auto;box-shadow:0 14px 50px #090b15;background:#10131c}@media(max-width:860px){main{grid-template-columns:1fr}.preview{min-height:0}header{padding:18px 20px}}

/* V12: Atatürk'ün yaşamından kronolojik açılış anlatısı */
.history-hero{max-width:1320px;margin:25px auto 0;padding:26px 32px 22px;background:radial-gradient(ellipse at 78% 12%,#562332 0%,transparent 42%),linear-gradient(130deg,#171c2c,#10121c);border:1px solid #464158;border-radius:18px;position:relative;overflow:hidden}
.history-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#e7a8b2;font-weight:700}
.history-content{display:grid;grid-template-columns:145px 1fr;gap:25px;align-items:center;margin-top:15px;min-height:120px}
.history-year{font-size:clamp(48px,6vw,82px);font-weight:800;line-height:1;color:#f2c7c9;font-variant-numeric:tabular-nums;letter-spacing:-.055em}
.history-content h1{font-size:clamp(24px,3vw,38px);margin:0 0 7px;color:#fff}
.history-content p{margin:0;color:#cfd4e3;max-width:790px}
.history-progress{display:flex;justify-content:space-between;gap:6px;margin-top:25px;border-top:1px solid #555166;padding-top:12px}
.history-dot{border:0;background:transparent;color:#aeb7cb;padding:6px 9px;font-size:12px;font-weight:700;border-radius:20px;cursor:pointer}
.history-dot.selected{background:#e14a5d;color:white}
.history-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.history-nav,.history-pause{background:#2b3042;border:1px solid #52586d;padding:5px 13px;font-size:14px}
.panel h2{font-size:23px;margin:0 0 12px}
@media(max-width:860px){.history-hero{margin:16px 18px 0;padding:22px}.history-content{grid-template-columns:1fr;gap:8px}.history-progress{overflow-x:auto;justify-content:flex-start}.history-dot{flex-shrink:0}}