.site-mode-workspace{max-width:1480px}
.site-mode-workspace .admin-heading{align-items:flex-start}
.site-mode-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #cfe7d7;border-radius:999px;background:#f1faf4;color:#287447;font-size:.83rem;font-weight:700;white-space:nowrap}
.site-mode-status i{font-size:1.1rem}
.site-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 30px}
.site-mode-card{position:relative;display:flex;min-height:205px;flex-direction:column;align-items:flex-start;gap:18px;padding:22px;text-align:left;border:1px solid #e4e8ee;border-radius:14px;background:#fff;color:#233044;box-shadow:0 5px 18px #17243a08;transition:transform .18s,border-color .18s,box-shadow .18s}
.site-mode-card:hover{transform:translateY(-3px);border-color:#aebbd0;box-shadow:0 12px 28px #17243a14}
.site-mode-card.selected{border:2px solid #3151a3;box-shadow:0 0 0 4px #3151a314}
.site-mode-card-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;font-size:1.5rem}
.standard-icon{background:#eef2ff;color:#425fc0}.news-icon{background:#fff0ef;color:#c44238}.commerce-icon{background:#eaf8f1;color:#21805b}
.site-mode-card-copy{display:grid;gap:7px}
.site-mode-card-copy strong{font-size:1.15rem;font-weight:800}
.site-mode-card-copy>span{color:#677487;line-height:1.55;font-size:.91rem}
.site-mode-card-action{margin-top:auto;color:#3151a3;font-size:.82rem;font-weight:750}
.site-mode-card-action i{vertical-align:middle;font-size:1.1rem}
.site-mode-configuration{overflow:hidden;border:1px solid #e2e7ee;border-radius:14px;background:#fff;box-shadow:0 8px 30px #17243a08}
.site-mode-section-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #edf0f4}
.site-mode-section-heading h2{margin:5px 0;font-size:1.35rem;font-weight:800;color:#243148}
.site-mode-section-heading p{margin:0;color:#6b7787}
.site-mode-step{display:flex;align-items:center;gap:8px;color:#3151a3;font-size:1.25rem;font-weight:850}
.site-mode-step span{font-size:.78rem;color:#738095;font-weight:650}
.site-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:24px 28px}
.commerce-template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.site-template-card{position:relative;overflow:hidden;padding:0;text-align:left;border:1px solid #e1e6ed;border-radius:10px;background:white;transition:border-color .15s,box-shadow .15s}
.site-template-card:hover{border-color:#9baac0;box-shadow:0 7px 20px #25354b14}
.site-template-card.selected{border:2px solid #3151a3;box-shadow:0 0 0 3px #3151a313}
.site-template-preview{position:relative;display:flex;height:112px;flex-direction:column;gap:8px;padding:11px;background:linear-gradient(140deg,#f3f5f8,#e8edf2);overflow:hidden}
.preview-strip{height:7px;width:100%;background:#1b2738;border-radius:2px}
.preview-masthead{height:16px;width:45%;margin:2px auto;background:#fff;border-radius:3px;box-shadow:0 1px 5px #1b27381c}
.preview-nav{height:8px;width:100%;background:#40526a;border-radius:2px}
.preview-feature{height:32px;width:75%;background:var(--preview-accent,#3151a3);border-radius:3px}
.preview-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:5px}
.preview-columns i{height:18px;border-radius:2px;background:#fff;box-shadow:0 1px 4px #1b27381c}
.preview-columns i:first-child{background:color-mix(in srgb,var(--preview-accent,#3151a3) 18%,white)}
.site-template-card-copy{display:grid;gap:5px;padding:12px 13px 14px}
.site-template-card-copy strong{font-size:.9rem;color:#25334a}
.site-template-card-copy small{min-height:33px;color:#748094;font-size:.74rem;line-height:1.4}
.site-template-check{position:absolute;top:8px;right:8px;display:none;width:24px;height:24px;place-items:center;border-radius:50%;background:#3151a3;color:white}
.site-template-card.selected .site-template-check{display:grid}
.preview-news-atlas{--preview-accent:#c62828}.preview-news-manset{--preview-accent:#991b1b}.preview-news-panorama{--preview-accent:#167d82}.preview-news-kent{--preview-accent:#d97706}.preview-news-vizyon{--preview-accent:#3151a3}.preview-news-nabiz{--preview-accent:#df3a47}.preview-news-ajans{--preview-accent:#154b76}.preview-news-360{--preview-accent:#0d7894}.preview-news-ekonomi{--preview-accent:#167051}.preview-news-dergi{--preview-accent:#7c3d9b}
.preview-commerce-atelier{--preview-accent:#9a7751}.preview-commerce-market{--preview-accent:#168552}.preview-commerce-minimal{--preview-accent:#2b4858}.preview-commerce-boutique{--preview-accent:#a44360}.preview-commerce-catalog{--preview-accent:#485aa7}
.site-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 28px 25px}
.site-mode-option{padding:19px;border:1px solid #e8ecf1;border-radius:10px;background:#fbfcfd}
.site-mode-option-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.site-mode-option-heading h3{margin:0 0 3px;font-size:1rem;font-weight:800;color:#27364c}
.site-mode-option-heading p{margin:0;color:#768194;font-size:.8rem;line-height:1.4}
.option-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:10px;background:#eef2ff;color:#425fc0;font-size:1.25rem}
.option-icon.magazine-icon{background:#f7effb;color:#8a4caa}.option-icon.product-icon{background:#eaf8f1;color:#21805b}
.site-mode-option-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.site-mode-option-fields .form-label{margin-bottom:0;font-size:.8rem;font-weight:700;color:#4e5d70}
.site-mode-option .form-select{border-color:#dfe4ea;font-size:.87rem}
.site-mode-switch{display:flex;align-items:center;gap:11px;cursor:pointer}
.site-mode-switch input{position:absolute;opacity:0}
.site-mode-switch-track{position:relative;flex:0 0 42px;height:24px;border-radius:20px;background:#cbd2db;transition:background .15s}
.site-mode-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}
.site-mode-switch input:checked+.site-mode-switch-track{background:#3151a3}
.site-mode-switch input:checked+.site-mode-switch-track:after{transform:translateX(18px)}
.site-mode-switch input:focus-visible+.site-mode-switch-track{outline:3px solid #3151a355}
.site-mode-switch>span:last-child{display:grid;gap:3px}
.site-mode-switch strong{font-size:.88rem;color:#344258}
.site-mode-switch small{color:#7a8695;font-size:.77rem}
.site-mode-radio-group{display:grid;gap:10px;margin:18px 0 0;padding:14px;border:1px solid #e3e8ee;border-radius:8px;background:white}
.site-mode-radio-group legend{float:none;width:auto;margin:0;padding:0 4px;font-size:.78rem;font-weight:750;color:#58667a}
.site-mode-radio-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#465469}
.site-mode-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:195px;overflow:auto;padding-right:4px}
.site-mode-category-list label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e7ebf0;border-radius:7px;background:white;font-size:.84rem}
.site-mode-category-list input{accent-color:#3151a3}
.site-mode-empty{padding:14px;border-radius:8px;background:#fff8e9;color:#7a5a17;font-size:.85rem}
.site-mode-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 28px;background:#f7f9fb;border-top:1px solid #e9edf1}
.site-mode-savebar>span{display:flex;align-items:center;gap:7px;color:#788496;font-size:.8rem}
.site-mode-savebar>span i{font-size:1.1rem}
.site-mode-savebar .btn{font-weight:700}
@media(max-width:1100px){.site-template-grid,.commerce-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-mode-cards{grid-template-columns:1fr}}
@media(max-width:760px){.site-mode-options{grid-template-columns:1fr;padding:0 16px 18px}.site-mode-section-heading,.site-mode-savebar{padding:18px 16px}.site-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.site-mode-savebar{align-items:flex-start;flex-direction:column}.site-mode-status{white-space:normal}}
@media(max-width:480px){.site-template-grid,.commerce-template-grid{grid-template-columns:1fr 1fr;gap:9px}.site-template-preview{height:90px}.site-template-card-copy{padding:10px}.site-mode-option-fields{grid-template-columns:1fr}.site-mode-category-list{grid-template-columns:1fr}}