:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#27282d;background:#faf8f6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.button{cursor:pointer;border:0;border-radius:11px;padding:11px 14px;font-weight:650;transition:.15s ease;white-space:nowrap}button:hover:not(:disabled),.button:hover{transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}.primary{background:#754d9a;color:white}.ghost,.button.ghost{background:white;border:1px solid #e1dce4;color:#3f3448}.topbar{padding:15px 26px;border-bottom:1px solid #ebe5e9;display:flex;justify-content:space-between;align-items:center;background:white;gap:14px}.brand{display:flex;gap:12px;align-items:center}.brand strong{letter-spacing:.16em;font-size:20px}.brand small{display:block;font-size:11px;color:#867f87;letter-spacing:.04em}.brand-icon{width:41px;height:41px;background:#f1e5f7;border-radius:14px;display:grid;place-items:center;font-size:25px;color:#754d9a}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;max-width:1520px;margin:auto;padding:24px}.sidebar{display:flex;flex-direction:column;gap:15px}.panel{background:white;border:1px solid #eee7e9;border-radius:17px;padding:17px;box-shadow:0 4px 18px #2a153008}.panel h2{font-size:16px;margin:0 0 12px}.panel label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.panel input{width:100%;border:1px solid #d7cfdb;border-radius:10px;padding:10px}.number-row{display:flex;gap:8px}.number-row input{min-width:0}.hint{font-size:12px;line-height:1.5;color:#817981;margin:10px 0 0}.selection{background:#f3eef7;border-radius:10px;padding:10px;font-size:13px;font-weight:650;color:#674482;margin:13px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid #e5dfe8;background:white;padding:9px 4px;text-align:center;white-space:normal;font-size:12px;min-height:93px}.option img{height:44px;width:68px;object-fit:cover;border-radius:6px}.option.active{border-color:#8154a9;background:#f5edf9;box-shadow:0 0 0 1px #8154a9}.option:disabled{opacity:.35}.stats{display:flex;justify-content:space-between;gap:5px}.stats>div{display:flex;flex-direction:column;gap:3px}.stats strong{font-size:24px}.stats small{font-size:10px;color:#857d86}.progress{height:7px;background:#f0ebf1;overflow:hidden;border-radius:10px;margin:14px 0}.progress div{height:100%;background:#976fb8;transition:width .2s}.full{width:100%}.workspace{min-width:0}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace h1{font-size:24px;margin:4px 0 5px}.workspace-head p{color:#827b82;font-size:13px;margin:0 0 10px}.view-label{padding:9px 14px;background:#eee5f3;border-radius:20px;font-size:12px;color:#65477f;font-weight:700;white-space:nowrap}.book-stage{min-height:490px;background:radial-gradient(circle at center,#f7f2ee,#f1e9e5);border:1px solid #e9deda;border-radius:19px;display:grid;place-items:center;padding:36px 24px;perspective:1600px;overflow:hidden}.book{width:min(100%,780px);display:flex;justify-content:center;gap:0;filter:drop-shadow(0 18px 17px #5a434029)}.sheet{width:50%;aspect-ratio:3/4;background:#fffaf4;overflow:hidden;border:1px solid #ddd1c8;position:relative;cursor:pointer;box-shadow:inset 0 0 18px #75614b0d;transition:filter .2s,transform .2s}.sheet.single{width:min(50%,350px)}.sheet.left{border-radius:13px 2px 2px 13px;border-right:2px solid #d5c4b9;box-shadow:inset -12px 0 20px #967b681a}.sheet.right{border-radius:2px 13px 13px 2px;border-left:2px solid #e9ddd1;box-shadow:inset 12px 0 20px #967b681a}.sheet.selected:after{content:"";position:absolute;inset:5px;border:3px solid #8e5eb3;pointer-events:none;border-radius:7px;z-index:8}.sheet:hover{filter:brightness(.985)}.sheet.flip-in{animation:flipIn .34s ease-out}@keyframes flipIn{from{opacity:.45;transform:rotateY(-12deg) scale(.98)}to{opacity:1;transform:none}}.page-face{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.page-face img{width:100%;height:100%;object-fit:cover}.page-face.empty{background:linear-gradient(130deg,#fffaf3,#fffdf9)}.empty-mark{font-size:40px;opacity:.14}.empty-caption{color:#bcb2a8;font-size:13px}.page-name{position:absolute;z-index:7;bottom:12px;left:12px;background:#ffffffdb;border:1px solid #eee0d4;border-radius:7px;padding:4px 8px;font-weight:700;font-size:11px}.type-mark{position:absolute;z-index:7;top:10px;left:10px;background:#734c94e3;color:white;font-size:11px;padding:5px 8px;border-radius:7px}.spread-picture{background-position:center center;background-repeat:no-repeat;background-size:200% 100%;width:100%;height:100%}.navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:19px 0}.nav-btn{background:white;border:1px solid #e6dfe8}.nav-center{text-align:center;display:flex;flex-direction:column}.nav-center .hint{margin:1px}.page-strip{display:flex;gap:6px;overflow-x:auto;padding:4px 1px 13px}.strip-btn{font-size:11px;background:white;border:1px solid #e6dfe8;flex-shrink:0;padding:8px 10px}.strip-btn.current{border-color:#8756aa;background:#f1e5f8}.strip-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#9c70ba;margin-right:5px}.strip-dot.empty{background:#d7ccd7}.footnote{font-size:12px;color:#847e82;line-height:1.55;margin:4px}.modal{border:0;border-radius:18px;padding:23px;width:min(720px,94vw);max-height:87vh;box-shadow:0 20px 90px #28133240}.modal::backdrop{background:#271d2b8c}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-heading h2{margin:0;font-size:20px}.modal-heading p{color:#817c83;font-size:12px}.close{background:#f3eef3;font-size:24px;padding:2px 12px}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th{text-align:left;color:#867e87;font-size:11px}.report-table td,.report-table th{border-bottom:1px solid #f0eaf0;padding:10px 5px}.report-table input{width:115px;max-width:100%;border:1px solid #ddd4e0;border-radius:8px;padding:8px}.money{text-align:right;font-variant-numeric:tabular-nums}.total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:20px;font-weight:800}.total-row strong{color:#754d9a}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.statusnote{background:#f7f1f8;padding:10px;border-radius:9px;color:#6a5777;font-size:12px}.summary-list{max-height:48vh;overflow:auto}.summary-item{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:9px 3px;font-size:13px}.summary-item small{color:#827986}.extra-input{width:100%;border:1px solid #d8ccdc;border-radius:9px;padding:10px;margin-top:12px}.print-header{display:none}@media(max-width:900px){.layout{grid-template-columns:1fr;padding:14px}.sidebar{display:grid;grid-template-columns:1fr 1fr}.sidebar .panel:nth-child(2){grid-row:span 2}.topbar{padding:12px}.book-stage{min-height:350px;padding:20px 9px}.workspace h1{font-size:20px}}@media(max-width:540px){.sidebar{display:flex}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}.top-actions button,.top-actions label{font-size:11px;padding:8px}.workspace-head{align-items:flex-start}.view-label{font-size:10px}.book-stage{min-height:270px}.page-name,.type-mark{font-size:9px;padding:3px}.empty-caption{font-size:11px}.empty-mark{font-size:28px}.modal{padding:14px}.report-table input{width:73px}}@media print{body>*:not(.modal){display:none!important}.modal{display:block!important;position:static;border:0;box-shadow:none;max-height:unset;width:100%;padding:0}.modal-actions,.close,.report-table input{display:none!important}.print-header{display:block}}

/* v1.1 — ekran içine sığan kitap ve yatay tablet/telefon düzeni */
.brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.brand-logo img{width:104px;height:52px;object-fit:contain;display:block}
.brand-logo img[hidden],.brand-icon[hidden]{display:none!important}
@media(min-width:700px){
  html,body{height:100%;height:100dvh;overflow:hidden}
  body{display:flex;flex-direction:column}
  .topbar{flex:0 0 auto;padding:8px 18px;min-height:64px}
  .layout{flex:1 1 auto;min-height:0;width:100%;max-width:1600px;margin:0 auto;padding:10px 14px;gap:12px;grid-template-columns:clamp(215px,24vw,300px) minmax(0,1fr)}
  .sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:10px;padding-right:3px}
  .panel{padding:12px}
  .workspace{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:5px}
  .workspace-head{min-height:0}
  .workspace h1{font-size:clamp(16px,1.7vw,22px);margin:0 0 3px}
  .workspace-head p{margin:0;font-size:12px}
  .book-stage{min-height:0;min-width:0;padding:9px;overflow:hidden}
  .book{width:min(100%,780px);max-height:100%;flex:0 0 auto}
  .navigation{margin:0;min-height:44px;gap:8px}
  .nav-btn{padding:9px 16px;min-height:40px}
  .nav-center .hint{display:none}
  .page-strip{padding:1px 0 4px;min-height:36px;max-height:39px}
  .strip-btn{padding:7px 9px}
  .footnote{font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(min-width:700px) and (max-height:730px){
  .topbar{min-height:52px;padding:4px 12px}
  .brand-logo img{width:78px;height:39px}
  .brand strong{font-size:16px}
  .brand small{font-size:9px}
  .top-actions button,.top-actions .button{padding:7px 9px;font-size:12px}
  .layout{padding:6px 10px;gap:9px}
  .workspace-head p,.footnote{display:none}
  .navigation{min-height:35px}
  .nav-btn{min-height:33px;padding:5px 12px}
  .page-strip{min-height:30px;max-height:34px}
  .strip-btn{padding:5px 8px}
  .panel{padding:9px}
  .panel h2{margin-bottom:7px}
  .option{min-height:70px;padding:5px 3px;gap:3px}
  .option img{height:32px;width:57px}
}
@media(min-width:700px) and (max-width:950px){
  .layout{grid-template-columns:220px minmax(0,1fr)}
  .top-actions{gap:4px}
  .top-actions button,.top-actions .button{padding:7px 8px;font-size:11px}
  .brand{gap:5px}
  .brand strong{font-size:15px}
  .brand-logo img{width:78px;height:39px}
  .workspace-head p{display:none}
  .view-label{padding:6px 8px;font-size:10px}
}
@media(min-width:700px) and (max-height:480px){
  .topbar{min-height:42px;padding:2px 8px}
  .brand small{display:none}
  .brand-logo img{height:31px;width:62px}
  .layout{padding:4px 8px}
  .workspace h1{font-size:15px}
  .workspace-head{min-height:22px}
  .navigation{min-height:30px}
  .nav-btn{min-height:28px;padding:4px 10px;font-size:12px}
  .page-strip{min-height:28px;max-height:30px}
  .footnote{display:none}
  .book-stage{padding:4px}
  .panel .hint{margin-top:5px}
}
@media(max-width:699px){
  .brand-logo img{width:90px;height:45px}
  .topbar{flex-direction:column;align-items:stretch}
  .layout{grid-template-columns:1fr}
  .book-stage{min-height:220px}
  .navigation{position:sticky;bottom:0;z-index:10;background:#faf8f6;padding:7px 3px;margin:5px 0;border-top:1px solid #e6dfe8}
  .navigation .hint{display:none}
}

/* v1.2: sol panelin alt kısmında kredi */
.sidebar-credit{margin-top:auto;padding:12px 8px 5px;color:#77707a;font-size:12px;line-height:1.55;text-align:center;flex-shrink:0}
.sidebar-credit a{color:#674482;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px) and (orientation:landscape){.sidebar-credit{font-size:11px;padding:8px 3px}}
@media print{.sidebar-credit{display:none}}

.brand-home{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}

/* v1.4: sayfa numarası gösterilmez, çift vinyet */
.page-name,.page-strip{display:none!important}.two-vignettes{display:flex;flex-direction:column;width:100%;height:100%;padding:5px;gap:5px}.two-vignettes img{width:100%;height:calc(50% - 3px);object-fit:cover;border-radius:5px}#vignetteQty select{width:100%;padding:9px;border:1px solid #d7cfdb;border-radius:9px}#extraNoteBox label,#vignetteQty label{display:block;font-weight:650;font-size:12px;margin:12px 0 5px}.cover-sheet{cursor:default}