.sh-pres-open{overflow:hidden!important}
.sh-pres.hidden{display:none!important}
.sh-pres{position:fixed;inset:0;z-index:100200;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:6px solid #f4f7fc;border-radius:20px;background:#171f2e;color:#eaf2fd;font-family:Arial,sans-serif}
.sh-pres:fullscreen{border:0;border-radius:0}
.sh-pres button{font:inherit;cursor:pointer}
.sh-pres button:disabled{opacity:.43;cursor:default}
.sh-pres button:focus-visible,.sh-pres input:focus-visible{outline:2px solid #75baff;outline-offset:2px}
.sh-pres-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px;box-sizing:border-box;padding:12px 18px;border-bottom:1px solid #304158;background:#192436}
.sh-pres-brand{min-width:0;display:flex;align-items:center;gap:14px;flex:1}
.sh-pres-brand strong{flex:none;color:#a9d7f7;font-size:15px}
.sh-pres-brand input{min-width:0;max-width:520px;width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:7px;padding:7px 0;background:transparent;color:#f3f7fd;font-size:18px;font-weight:700;text-overflow:ellipsis}
.sh-pres-brand input:hover,.sh-pres-brand input:focus{border-color:#45617b;padding-left:8px;background:#202e42}
.sh-pres-brand input::placeholder{color:#9aaec2}
.sh-pres-head-actions{display:flex;align-items:center;gap:8px;flex:none}
.sh-pres-head-actions button,.sh-pres-controls button{border:1px solid #425873;border-radius:9px;background:#202d41;color:#ecf4ff;font-size:14px;font-weight:700;white-space:nowrap;min-height:38px;padding:8px 12px}
.sh-pres-head-actions .sh-pres-primary{background:#206caf;border-color:#2b7dc4;color:#fff}
.sh-pres-head-actions #shPresClose{width:39px;min-width:39px;padding:5px;font-size:24px;line-height:24px}
.sh-pres-head-actions button:hover:not(:disabled),.sh-pres-controls button:hover:not(:disabled){background:#2c405a;border-color:#77a5d2}
.sh-pres-head-actions .sh-pres-primary:hover:not(:disabled){background:#267bc3;color:#fff}
.sh-pres-main{flex:1;min-height:0;min-width:0;display:flex;justify-content:center;overflow:auto;padding:18px clamp(16px,4.65vw,58px) 25px}
.sh-pres-center{position:relative;width:min(100%,max(240px,calc((100dvh - 159px)*16/9)),1500px);min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px}
.sh-pres-slide-location{flex:none;min-width:0;max-width:min(27vw,180px);margin-left:4px;color:#c5d2e2;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.sh-pres-stage{position:relative;flex:none;width:100%;aspect-ratio:16/9;overflow:hidden;display:flex;background:#fff;border:1px solid #e0e4eb;border-radius:12px;box-shadow:0 18px 48px #0003}
.sh-pres-stage:focus{outline:none}
.sh-pres-stage-body{box-sizing:border-box;width:100%;height:100%;min-height:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto;padding:3.5% 5%}
.sh-pres-stage.has-answer .sh-pres-stage-body{padding-bottom:11%}
.sh-pres-image{display:block;flex:none;margin:auto;max-width:none;max-height:none;object-fit:contain}
.sh-pres-fallback{margin:auto;max-height:100%;overflow:auto;white-space:pre-wrap;color:#17253f;font-size:clamp(15px,2vw,30px)}
.sh-pres-zoom{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff55;border-radius:9px;background:#182436a8;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.84;transition:opacity .15s}
.sh-pres-zoom:hover,.sh-pres-zoom:focus-within{opacity:1}
.sh-pres-zoom button{display:grid;place-items:center;flex:none;min-width:28px;height:28px;padding:0 4px;border:0;border-radius:5px;background:transparent;color:#fff;font-size:18px;line-height:1}
.sh-pres-zoom button:hover:not(:disabled){background:#ffffff38}
.sh-pres-zoom #shPresZoomReset{min-width:45px;font-size:12px;font-weight:700}
.sh-pres-answer{position:absolute;bottom:2%;left:5%;right:5%;padding:9px 15px;background:#e9f8f1;color:#0b6a48;border:1px solid #b9e1ca;border-radius:9px;font-weight:800;font-size:clamp(15px,2vw,29px);text-align:center}
.sh-pres-answer.hidden,.sh-pres-common.hidden,.sh-pres-common-btn.hidden{display:none!important}
.sh-pres-common-btn{position:absolute;top:3%;left:4%;border:1px solid #b8d7f2;background:#eff7ff;color:#215a86;border-radius:8px;padding:7px 10px;font-size:clamp(11px,1vw,15px);font-weight:800}
.sh-pres-common{position:absolute;inset:7% 8%;z-index:4;display:flex;flex-direction:column;min-height:0;padding:16px;border:2px solid #83b8e9;border-radius:12px;background:#fff;box-shadow:0 15px 50px #13294155;color:#17253f}
.sh-pres-common strong{font-size:19px;color:#2168a7}
.sh-pres-common #shPresCommonClose{position:absolute;top:8px;right:9px;background:#fff;border:1px solid #d0dce9;border-radius:8px;width:32px;height:32px;font-size:22px}
.sh-pres-common #shPresCommonBody{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:8px}
.sh-pres-common #shPresCommonBody img{max-height:100%;max-width:100%;object-fit:contain}
.sh-pres-controls{flex:none;display:flex;justify-content:center;align-items:center;gap:10px;width:100%}
.sh-pres-controls button{min-height:42px;padding:9px 16px}
.sh-pres-controls #shPresReveal{background:#1c5a4e;color:#f1fff8;border-color:#287361}
.sh-pres-controls #shPresReveal:hover:not(:disabled){background:#277561;border-color:#43a081}
.sh-pres-status{position:absolute;bottom:0;left:50%;max-width:95%;width:max-content;transform:translateX(-50%);box-sizing:border-box;margin:0;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:#233b51;color:#d8e8f8;text-align:center;font-size:12px;opacity:0;pointer-events:none}
.sh-pres-status.visible{opacity:1;border-color:#47718f}
.sh-pres-playing .sh-pres-center{width:min(100%,max(240px,calc((100dvh - 129px)*16/9)),1650px)}
.sh-pres-playing .sh-pres-main{padding-top:10px;padding-bottom:15px}
.sh-pres-playing .sh-pres-header{min-height:54px;padding:8px 16px}
/* Compact phone fullscreen zoom; portrait's general 44px button minimum must not enlarge it. */
.sh-pres-phone.sh-pres-playing .sh-pres-zoom{top:5px;right:5px;left:auto;gap:0;padding:2px;border-radius:7px}
.sh-pres-phone.sh-pres-playing .sh-pres-zoom button{width:21px;min-width:21px;height:21px;min-height:21px!important;padding:0;font-size:14px!important;line-height:1}
.sh-pres-phone.sh-pres-playing .sh-pres-zoom #shPresZoomReset{width:31px;min-width:31px;font-size:9px!important}
html.mobile-portrait-ui .sh-pres-phone.sh-pres-playing .sh-pres-zoom button{width:23px;min-width:23px;height:24px;min-height:24px!important;font-size:14px!important}
html.mobile-portrait-ui .sh-pres-phone.sh-pres-playing .sh-pres-zoom #shPresZoomReset{width:34px;min-width:34px;font-size:10px!important}
@media(max-width:760px){.sh-pres-header{flex-wrap:wrap;gap:4px;padding:8px 12px}.sh-pres-brand{flex-basis:100%;width:100%;gap:8px}.sh-pres-brand strong{font-size:13px}.sh-pres-brand input{font-size:15px;padding:3px 0}.sh-pres-head-actions{width:100%;justify-content:flex-end;gap:5px}.sh-pres-head-actions button{padding:6px 8px;min-height:34px;font-size:12px}.sh-pres-head-actions #shPresClose{min-width:34px;width:34px}.sh-pres-main{padding:11px 12px 22px}.sh-pres-center{width:min(100%,max(240px,calc((100dvh - 203px)*16/9)));gap:9px}.sh-pres-slide-location{max-width:25vw;font-size:12px}.sh-pres-zoom{top:6px;right:6px;padding:2px}.sh-pres-zoom button{min-width:25px;height:25px}.sh-pres-controls{gap:6px}.sh-pres-controls button{min-height:36px;padding:6px 9px;font-size:11px}.sh-pres-playing .sh-pres-center{width:min(100%,max(240px,calc((100dvh - 185px)*16/9)))}}
@media(max-width:440px){.sh-pres-head-actions{justify-content:space-between}.sh-pres-head-actions button{font-size:10px;padding:5px}.sh-pres-head-actions #shPresClose{font-size:21px}.sh-pres-controls{gap:4px}.sh-pres-controls button{padding:6px 7px}.sh-pres-slide-location{margin-left:0;font-size:11px}.sh-pres-common{inset:4% 3%;padding:9px}.sh-pres-common-btn{top:5%;font-size:10px}}
@media(max-height:500px){.sh-pres-main{align-items:flex-start}.sh-pres-center{justify-content:flex-start}.sh-pres-status{position:relative;bottom:auto}}
/* Telefon dikeyde zoom, tam ekran açılmadan da kompakt kalmalı. */
html.mobile-portrait-ui .sh-pres .sh-pres-zoom{box-sizing:border-box;top:5px;right:5px;left:auto;gap:0;padding:2px;border-radius:7px;background:rgba(24,36,54,.58);opacity:.73}
html.mobile-portrait-ui .sh-pres .sh-pres-zoom:is(:hover,:focus-within){opacity:.96}
html.mobile-portrait-ui .sh-pres .sh-pres-zoom button{box-sizing:border-box;width:21px;min-width:21px;height:22px;min-height:22px!important;padding:0!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}
html.mobile-portrait-ui .sh-pres .sh-pres-zoom #shPresZoomReset{width:33px;min-width:33px;font-size:10px!important}
.pool-transfer-actions #presentationFromSelectionBtn{flex:none;width:68px;height:26px;min-height:26px;margin-right:13px;border:1px solid #84bddd;background:transparent;color:#e2f5ff;border-radius:7px;padding:0 5px;font-size:11px;font-weight:700;white-space:nowrap}.pool-transfer-actions #presentationFromSelectionBtn:disabled{opacity:.48}
.saved-work-actions .saved-action.presentation{background:#e9f4ff;color:#145f9e;border:1px solid #b9d9f3}.saved-work-preview-actions .saved-preview-pres-btn{border:1px solid #b9d9f3;background:#e9f4ff;color:#145f9e;font-weight:800;border-radius:8px;padding:0 10px}
.q-menu:has([data-qaction="presentation"]){width:175px}
#savedSection .saved-work-main>.presentation-type{background:#e9f4ff;color:#145f9e;border:1px solid #b9d9f3}
@media(max-width:640px){#presentationFromSelectionBtn{display:none!important}}
/* Five compact preview actions on one row in phone portrait. */
html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-actions{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important}
html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-actions>div{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important}
html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-actions button{box-sizing:border-box;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 2px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;border-radius:8px!important}
/* Short single-line heading for the phone preview. */
html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-head{align-items:center!important;gap:8px!important;padding:6px 10px!important}
html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-heading{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;overflow:hidden!important}
html.mobile-portrait-ui #savedWorkPreviewTitle{flex:1 1 auto!important;max-width:none!important;min-width:0!important;margin:0!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.mobile-portrait-ui #savedWorkPreviewTitle::after,html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-heading p{display:none!important}
html.mobile-portrait-ui #savedWorkPreviewModal .saved-work-preview-head .modal-close{flex:none;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:20px!important;line-height:1!important;border-radius:9px!important}
/* Compact zoom strip above the saved work page in phone portrait. */
html.mobile-portrait-ui #savedWorkPreviewModal .mobile-editor-tools{min-height:0!important;padding:4px 10px!important;gap:6px!important}
html.mobile-portrait-ui #savedWorkPreviewModal .mobile-preview-caption{font-size:12px!important;line-height:1.1!important}
html.mobile-portrait-ui #savedWorkPreviewModal .mobile-preview-zoom{gap:4px!important}
html.mobile-portrait-ui #savedWorkPreviewModal .mobile-preview-zoom button{box-sizing:border-box;height:28px!important;min-height:28px!important;min-width:30px!important;padding:0 6px!important;font-size:12px!important;line-height:1!important;border-radius:7px!important;white-space:nowrap!important}

/* Kayıtlı çalışmalar: sade kategori özeti ve mobil arka plan düğmesi. */
#savedSection .mobile-saved-backdrop{display:none}
html:not(.mobile-portrait-ui) #savedSection .saved-toolbar{display:flex!important;min-height:62px;height:auto;margin-bottom:10px;padding:10px 17px;border-radius:15px;background:#fff}
html:not(.mobile-portrait-ui) #savedSection .saved-toolbar strong{font-size:16px;line-height:1.2}
html:not(.mobile-portrait-ui) #savedSection .saved-toolbar span{font-size:11px;line-height:1.2}

/* Geniş kartlarda bilgi, tarih ve işlemler tek sıradadır. */
html:not(.mobile-portrait-ui) #savedSection .saved-list-header{display:none}
html:not(.mobile-portrait-ui) #savedSection .saved-main{container-type:inline-size}
html:not(.mobile-portrait-ui) #savedSection .saved-work-row{grid-template-columns:minmax(180px,1fr) 100px max-content;gap:12px;min-height:64px;padding:11px 12px}
html:not(.mobile-portrait-ui) #savedSection .saved-work-row>time{text-align:center}
html:not(.mobile-portrait-ui) #savedSection .saved-work-row .saved-work-actions{grid-column:auto;display:flex!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:5px;min-width:0;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:thin}
html:not(.mobile-portrait-ui) #savedSection .saved-work-row .saved-work-actions .saved-action{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:34px;padding:0 7px;white-space:nowrap}
html.mobile-portrait-ui #savedSection .saved-work-row{padding:13px 11px!important}
@container (max-width:850px){
  html:not(.mobile-portrait-ui) #savedSection .saved-work-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;min-height:0;padding:11px 12px}
  html:not(.mobile-portrait-ui) #savedSection .saved-work-row>time{text-align:right}
  html:not(.mobile-portrait-ui) #savedSection .saved-work-row .saved-work-actions{grid-column:1/-1;width:100%;justify-content:flex-end!important}
}
/* Phone landscape: date sits directly before preview and actions stay on one row. */
html.mobile-landscape-ui #savedSection .saved-work-row{grid-template-columns:minmax(145px,1fr) max-content minmax(0,max-content);gap:8px;min-height:64px;padding:11px 12px}
html.mobile-landscape-ui #savedSection .saved-work-row .saved-work-main{grid-column:1;grid-row:1;min-width:0}
html.mobile-landscape-ui #savedSection .saved-work-row>time{grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
html.mobile-landscape-ui #savedSection .saved-work-row .saved-work-actions{grid-column:3;grid-row:1;width:max-content;max-width:100%;min-width:0;overflow-x:auto;justify-content:flex-end!important}