/* Shared with the PNG renderer. All element sizes use the 1080 × 1920 composition. */
.story-shade{position:absolute;inset:0;pointer-events:none;background:none}
.story-credit{box-sizing:border-box;padding:.4em .65em;border-radius:.3em;background:rgba(0,0,0,.62);color:#fff;max-width:82%;white-space:pre-wrap!important;text-align:left!important;font-family:Arial,sans-serif!important;font-weight:700!important;line-height:1.35!important;text-shadow:0 1px 3px #0008!important}
.story-logo{display:flex;align-items:center;justify-content:center;line-height:1;filter:drop-shadow(0 2px 5px #0005)}
.story-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top;pointer-events:none}
.st-canvas,.st-canvas img.st-bg{border-radius:0}
.st-el.type-text{max-width:82%;box-sizing:border-box}
.st-canvas .st-vignette{border-radius:0;background:none}
.st-title{font-size:13px;white-space:normal;line-height:1.35;overflow-wrap:anywhere}
.st-btn{min-height:36px}
.st-panel-center{min-height:0}
.st-canvas-wrap{padding:8px;box-sizing:border-box;background:#20232a}
.st-strip{min-height:72px;box-sizing:border-box}
.st-thumb,.st-add-thumb{width:38px;height:64px}
.st-rhead,.st-field label{font-size:12px}
.st-field input,.st-field textarea,.st-field select{font-size:14px;min-height:36px}
.st-photo-settings{padding:12px;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;background:var(--card2)}
.st-photo-settings strong{display:block;font-size:13px;margin-bottom:10px}
.st-photo-settings label{font-size:11px;margin:8px 0 4px;display:block;color:var(--muted)}
.st-photo-settings input,.st-photo-settings select{width:100%;box-sizing:border-box;accent-color:var(--accent,#cdff00)}
.st-photo-settings select{border:1px solid var(--border);background:var(--card);color:var(--text);padding:8px;border-radius:8px}
.st-element-hint{font-size:11px;color:var(--muted);line-height:1.5;margin:12px 0}
.st-picker-grid{align-content:start;grid-auto-rows:max-content}
.st-album-name,.st-picker-album-item{overflow-wrap:anywhere}
.st-toast{white-space:normal;max-width:calc(100vw - 32px);width:max-content;text-align:center;box-sizing:border-box}
@media(max-width:700px){
 body.stories-page main.main{height:calc(100dvh - 66px - env(safe-area-inset-bottom))!important;min-height:0!important;padding:0!important;overflow:hidden!important}
 .st-shell,.st-panels{min-height:0}
 .st-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}
 .st-title{grid-column:1/-1;font-size:12px;min-height:17px}
 .st-toolbar .st-btn{padding:7px 4px;font-size:11px;min-width:0;white-space:normal}
 #stBtnDownload,#stBtnPub{grid-column:span 2}
 .st-mobiletab{font-size:12px;min-height:42px}
 .st-panel-body,.st-rbody{padding:12px}
 .st-field input,.st-field textarea,.st-field select,.st-filter-input,.st-picker-search{font-size:16px}
 .st-filter-select{min-width:0;min-height:36px}
 .st-picker-albums{width:120px}
 .st-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px}
 .st-canvas-wrap{padding:6px}
}

#stPhotoSettings[hidden]{display:none}
#stMentionPanel[hidden]{display:none}
.st-mention-row{padding:8px 0;border-top:1px solid var(--border)}
.st-mention-row label{display:block;color:var(--text);font-size:12px}
.st-mention-row input{display:block;width:100%;font-size:16px;min-height:40px;padding:8px;margin:6px 0;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}
.st-mention-row small{display:block;color:var(--muted);line-height:1.5}
#stMentionPanel[hidden]{display:none}
.st-auto-bar{padding:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);font-size:12px}
#stAutoStatus{flex-basis:100%;line-height:1.4;overflow-wrap:anywhere}
.st-publish-box{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.st-publish-body{padding:16px;overflow:auto;min-height:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.st-publish-actions{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);flex-shrink:0}
.st-publish-actions button{flex:1;white-space:normal;min-height:44px}
.st-second-photo{position:absolute;left:0;top:50%;width:100%;height:50%;object-fit:cover}
@media(max-width:700px){.st-auto-bar .st-btn{font-size:11px;flex:1}.st-auto-bar{padding:5px 8px}#stAutoStatus{font-size:11px}}

/* Visible artwork bounds of the official, unmodified 3000px white logo. */
.story-logo-tight{overflow:hidden;filter:none}
.story-logo-tight img{position:absolute;width:146.484375%;height:auto;max-width:none;left:-23.193359375%;top:-147.3061760841%;object-fit:fill}
.story-caption{background:rgba(0,0,0,.7);padding:.35em .6em;border-radius:.2em;line-height:1.3!important;white-space:pre-wrap!important;overflow-wrap:anywhere}
.story-caption{width:82%;text-align:center;font-family:Arial,sans-serif!important;font-weight:700!important}
.st-editorial{padding:8px 12px;flex-shrink:0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.45;background:var(--card)}
.st-editorial[hidden],#stStopPublishing[hidden]{display:none}
.st-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.st-editorial-grid section{min-width:0;overflow-wrap:anywhere}
.st-editorial p{margin:4px 0}.st-editorial a{color:var(--text);text-decoration:underline}
.st-editorial small{display:block;color:var(--muted);margin-top:6px;font-size:11px}
.st-missing{color:#9b3911}.st-editorial summary{cursor:pointer;min-height:28px;display:list-item;align-content:center}
.st-editorial ul{padding-left:20px;overflow-wrap:anywhere}
@media(max-width:700px){.st-editorial-grid{grid-template-columns:minmax(0,1fr)}.st-editorial-grid section+section{border-top:1px solid var(--border);padding-top:6px}}
.st-canvas-wrap{flex:0 0 auto;height:clamp(360px,70dvh,650px);min-height:360px}.st-panel-center{overflow-y:auto}
.st-toolbar,.st-auto-bar,.st-strip{flex-shrink:0}
/* STORIES371: na mobilu musí být pod náhledem vidět celý pás snímků */
@media(max-width:700px){.st-canvas-wrap{height:clamp(300px,52dvh,560px);min-height:300px}.st-strip{min-height:88px}.st-thumb,.st-add-thumb{width:46px;height:78px;flex:0 0 auto}.st-thumb img,.st-thumb video{width:100%;height:100%;object-fit:cover}}
