.home-region-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.home-region-layout[data-home-layout=left-wide]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.home-region-layout[data-home-layout=right-wide]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.home-region-layout>[data-home-section]{min-width:0;margin:0!important;grid-column:1 / -1}.home-region-layout>[data-home-position=left]{grid-column:1}.home-region-layout>[data-home-position=right]{grid-column:2}.home-region-layout[data-home-layout=stack]>[data-home-section]{grid-column:1 / -1}.home-region-layout[hidden],.home-region-layout>[hidden]{display:none!important}.home-layout-editor{padding:20px;margin:20px 0;border:1px solid var(--home-border,#e7cad7);border-radius:16px}.home-layout-order li{flex-wrap:wrap;gap:12px}.home-layout-order li>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.home-layout-order select{width:auto;max-width:140px}.home-region-layout .calendar-surface{min-width:0;overflow-x:auto}.oldest-process{display:flex;gap:8px;align-items:center;white-space:nowrap}.oldest-process input{width:76px}.catalog-auto{display:flex;align-items:center;gap:8px;white-space:normal}.catalog-auto input{width:auto}.catalog-row{flex-wrap:wrap}.home-region-layout .sectioned-profile{gap:16px!important}.home-region-layout .intro-section-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))!important}
@media(max-width:760px){.home-region-layout[data-home-layout]{grid-template-columns:minmax(0,1fr)}.home-region-layout>[data-home-section][data-home-position]{grid-column:1 / -1}.home-layout-editor{padding:14px}.home-layout-order li>div{width:100%}}
.home-region-layout{grid-auto-flow:row dense}.catalog-row>.catalog-auto{grid-column:2 / -1;display:flex!important;align-items:center;gap:8px}.catalog-auto input{min-height:auto!important}#recurringDialog{width:min(680px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #e9ccd9;border-radius:20px;padding:24px;color:#432d38;background:#fff9fc}.recurring-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recurring-fields label{display:grid;gap:8px}.recurring-fields input,.recurring-fields select,#recurringDescription{width:100%;min-width:0;box-sizing:border-box}.recurring-weekdays{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;padding:16px;border:1px solid #e9ccd9;border-radius:12px}.recurring-weekdays label,#recurringDates label{display:flex;align-items:center;gap:8px}.recurring-weekdays input,#recurringDates input{width:auto}.recurring-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#recurringDates{max-height:260px;overflow:auto;display:grid;gap:10px}#recurringDialog::backdrop{background:#41203366}@media(max-width:520px){.recurring-fields{grid-template-columns:1fr}#recurringDialog{padding:16px}}
#homeIntro.home-region-layout,#themePreviewContent.home-region-layout{display:grid;gap:24px}#homeIntro.home-region-layout[hidden]{display:none}
#homeIntro.home-region-layout>.home-vod-grid:is([data-home-position=left],[data-home-position=right]),#themePreviewContent.home-region-layout>.home-vod-grid:is([data-home-position=left],[data-home-position=right]){grid-template-columns:minmax(0,1fr)}.home-region-layout>[data-home-section=recent]:is([data-home-position=left],[data-home-position=right]) .recent-vod-grid{grid-template-columns:minmax(0,1fr)}

/* Use each region's actual width, including sidebar and editor preview widths. */
.home-region-layout>[data-home-section=profile]{container-type:inline-size;container-name:profile-region}
.calendar-add-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.calendar-day-heading{flex-wrap:wrap;gap:16px}

/* Layout settings are separate fields, not one compressed inline label. */
#profileForm .home-layout-editor{padding:24px;display:flex;flex-direction:column;gap:20px}
#profileForm .home-layout-editor>h3,#profileForm .home-layout-editor>p,#profileForm .home-layout-editor>label,#profileForm .home-layout-editor>ol{margin:0}
#profileForm .home-layout-field{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
#profileForm .home-layout-field select{width:100%;max-width:400px;min-height:44px;margin:0}
#profileForm .home-layout-editor>.public-check{display:flex;align-items:center;gap:12px;line-height:1.7;padding:4px 0}
#profileForm .home-layout-editor>.public-check input{flex:0 0 auto;margin:0;width:18px;height:18px;min-height:18px}
#profileForm .home-layout-order{display:grid;gap:12px;padding:0;list-style:none}
#profileForm .home-layout-order li{margin:0;padding:16px;gap:16px;align-items:center}
.preview-width-control{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 10px}.preview-width-control select{min-height:44px;max-width:100%;width:auto}.preview-scroll-help{font-size:13px;line-height:1.7;color:#737083;margin:0 0 12px}
.home-live-preview{min-width:0}.preview-sticky{min-width:0}
.preview-scrollport{overflow:auto;max-width:100%;height:calc(100vh - 270px);min-height:320px;border:1px solid #e5cbd8;border-radius:16px;scrollbar-gutter:stable;background:#f6edf2}
.home-live-preview .preview-scrollport #themePreview{box-sizing:border-box;width:1230px;min-width:1230px;max-width:none;max-height:none;height:auto;min-height:100%;overflow:clip;padding:32px 24px;border:0;border-radius:0}
.home-live-preview .preview-scrollport[data-preview-width="960"] #themePreview{width:960px;min-width:960px}
.home-live-preview .preview-scrollport[data-preview-width="fit"] #themePreview{width:100%;min-width:0}
.preview-scrollport:focus-visible{outline:3px solid #bd4984;outline-offset:3px}
@media(max-width:600px){#profileForm .home-layout-editor{padding:18px;gap:18px}.preview-width-control{align-items:stretch;flex-direction:column}.preview-scrollport{height:480px}}

.home-layout-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
#profileForm .layout-template{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:0;padding:14px;background:#fff9fc;color:#57334a;border:2px solid #ead6e1;border-radius:14px;text-align:left;white-space:normal}
#profileForm .layout-template[aria-pressed=true]{border-color:#b53d7f;background:#fce8f3;box-shadow:0 0 0 2px #b53d7f22}
.layout-template-art{height:72px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.layout-template-art i{display:block;border-radius:4px;background:#e3b6ce}.layout-template-art i:first-child{background:#bb568d}.layout-art-stack{grid-template-columns:1fr}.layout-art-left-wide{grid-template-columns:2fr 1fr}.layout-art-right-wide{grid-template-columns:1fr 2fr}.layout-art-magazine i:first-child,.layout-art-calendar i:first-child{grid-column:1/-1}.layout-art-calendar i:first-child{background:repeating-linear-gradient(90deg,#bb568d 0 12%,#fce8f3 12% 14%)}.layout-art-three-column{grid-template-columns:repeat(3,1fr)}.layout-art-three-column i:last-child{grid-column:1/-1}
.home-region-layout[data-home-layout=three-column]{grid-template-columns:repeat(3,minmax(0,1fr))}.home-region-layout[data-home-layout=three-column]>[data-home-position=middle]{grid-column:2}.home-region-layout[data-home-layout=three-column]>[data-home-position=right]{grid-column:3}
/* Bound long columns without removing their content. */
.home-region-layout:not([data-home-layout=stack]){align-items:stretch}
.home-region-layout:not([data-home-layout=stack])>[data-home-position]:not([data-home-position=full]){max-height:520px;overflow:auto;scrollbar-gutter:stable;box-sizing:border-box}
.home-region-layout>[data-home-section=recent]:not([data-home-position=full]) .recent-vod-grid{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.home-region-layout>[data-home-section=recent]:not([data-home-position=full]) .recent-vod-grid>.pin-card{flex:0 0 90%;min-width:0;scroll-snap-align:start}
.home-region-layout>[data-home-section=recent]:not([data-home-position=full]) .pin-copy{padding:16px}.home-region-layout>[data-home-section=recent]:not([data-home-position=full]) .pin-copy h2{font-size:1em;line-height:1.5;margin:8px 0}
.home-region-layout>[data-home-section=recent]:not([data-home-position=full]) .pin-video{max-height:190px;aspect-ratio:16/9}
@media(max-width:760px){.home-region-layout[data-home-layout=three-column]{grid-template-columns:minmax(0,1fr)}.home-region-layout[data-home-layout=three-column]>[data-home-position]{grid-column:1/-1}.home-region-layout:not([data-home-layout=stack])>[data-home-position]:not([data-home-position=full]){max-height:none;overflow:visible}}
/* Fixed-width preview follows its canvas width even on a narrow editor page. */
.preview-scrollport:not([data-preview-width=fit]) #themePreviewContent[data-home-layout=three-column]{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Free grid editing: scoped controls avoid theme button and thumbnail styles. */
.home-save-toolbar{position:sticky;top:0;z-index:80;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;margin:0 0 24px;background:#fff8fcf5;border:1px solid #e8cbd9;border-radius:16px;box-shadow:0 6px 22px #74355418;backdrop-filter:blur(14px)}.home-save-toolbar>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.home-save-toolbar:has(a[hidden]){display:none}#workspace:has(#profileManage[hidden]) #stickySaveHome{display:none}.home-save-toolbar a[hidden]{display:none!important}.home-live-preview .preview-sticky{top:90px}
.home-grid-editor{min-width:0;display:grid;gap:20px}.layout-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;min-width:0;max-height:540px;overflow:auto;padding:12px;border:1px dashed #c68ca9;border-radius:14px;background:repeating-linear-gradient(0deg,#f9edf4 0 19px,#f0dce7 19px 20px);touch-action:none}
#profileForm .layout-block{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:10px 4px;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5;background:#fff8fc;color:#65354e;border:2px solid #deb5ca;border-radius:10px;cursor:grab;user-select:none;box-shadow:0 2px 8px #5f204011}
#profileForm .layout-block[aria-pressed=true]{border-color:#ad3776;background:#f9daea}#profileForm .layout-block.is-dragging{opacity:.8;z-index:3;cursor:grabbing;box-shadow:0 5px 20px #5f204033}
.layout-size-controls{display:grid;gap:16px;padding:20px;border:1px solid #e6cad9;border-radius:14px}.layout-size-controls h4{margin:0}.layout-size-controls label{display:grid;grid-template-columns:1fr auto;gap:10px}.layout-size-controls input[type=range]{grid-column:1/-1;width:100%;margin:0}.layout-move-actions{display:flex;flex-wrap:wrap;gap:10px}.layout-size-controls .hint{margin:0!important;line-height:1.7}
#homeIntro.home-region-layout[data-home-layout=custom],#themePreviewContent.home-region-layout[data-home-layout=custom]{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:64px;gap:16px;align-items:stretch;grid-auto-flow:row}
.home-region-layout[data-home-layout=custom]>[data-home-section][data-home-position]{grid-column:var(--region-x) / span var(--region-w)!important;grid-row:var(--region-y) / span var(--region-h)!important;max-height:none!important;min-height:0;overflow:auto!important;box-sizing:border-box;scrollbar-gutter:auto}
.home-region-layout>[data-home-section=recent] .pin-video{display:block;width:100%;height:auto;max-height:none!important;aspect-ratio:16/9}.home-region-layout>[data-home-section=recent] .pin-video img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){#homeIntro.home-region-layout[data-home-layout=custom],#themePreviewContent.home-region-layout[data-home-layout=custom]{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.home-region-layout[data-home-layout=custom]>[data-home-section][data-home-position]{grid-column:1/-1!important;grid-row:auto!important;overflow:visible!important}.home-save-toolbar{padding:10px;gap:10px}.home-save-toolbar>strong{display:none}.home-save-toolbar>div{width:100%;justify-content:space-between}.home-save-toolbar a,.home-save-toolbar button{font-size:13px;padding:10px!important}.layout-size-controls{padding:14px}}
/* A fixed-width desktop canvas stays desktop-sized inside a narrow editor. */
.preview-scrollport:not([data-preview-width=fit]) #themePreviewContent[data-home-layout=custom]{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:64px}.preview-scrollport:not([data-preview-width=fit]) #themePreviewContent[data-home-layout=custom]>[data-home-section]{grid-column:var(--region-x) / span var(--region-w)!important;grid-row:var(--region-y) / span var(--region-h)!important;overflow:auto!important}
#profileForm .layout-block{position:relative;overflow:visible;padding:14px}
.layout-resize-edge{position:absolute;z-index:4;display:block;touch-action:none;border-radius:5px}.layout-resize-edge.edge-left,.layout-resize-edge.edge-right{top:12px;bottom:12px;width:12px;cursor:ew-resize}.layout-resize-edge.edge-left{left:-6px}.layout-resize-edge.edge-right{right:-6px}.layout-resize-edge.edge-top,.layout-resize-edge.edge-bottom{left:12px;right:12px;height:12px;cursor:ns-resize}.layout-resize-edge.edge-top{top:-6px}.layout-resize-edge.edge-bottom{bottom:-6px}.layout-resize-edge:hover,.layout-resize-edge:focus-visible{background:#b63c7b66;outline:2px solid #b63c7b}.layout-block[aria-pressed=true] .layout-resize-edge:after{content:'';position:absolute;background:#b63c7b;border:2px solid white;border-radius:4px;width:6px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%)}.layout-block[aria-pressed=true] :is(.edge-top,.edge-bottom):after{width:18px;height:6px}
/* Profile spacing is shared by the public page and live preview. */
.theme-surface .sectioned-profile .profile-copy :is(h2,h3){margin-bottom:var(--home-intro-text-gap,12px)!important}
.theme-surface :is(#introLinks,#themePreviewLinks){margin-top:var(--home-intro-divider-before,18px)!important;padding-top:var(--home-intro-divider-after,16px)!important;margin-bottom:0!important;gap:var(--home-intro-link-gap,12px)!important;display:flex;flex-wrap:wrap}
/* Fixed grid cells supply both dimensions to container queries; text stays readable. */
.home-region-layout[data-home-layout=custom]>[data-home-section=profile]{container-type:size;container-name:profile-region;padding:20px!important;overflow:auto!important}
@media(max-width:760px){#homeIntro.home-region-layout[data-home-layout=custom]>[data-home-section=profile]{container-type:inline-size}}

/* Keep explicit photo direction and size in both preview and public cells. */
.theme-surface[data-profile-layout] :is(.intro-summary,.theme-demo-heading).sectioned-profile{grid-template-columns:min(var(--home-profile-photo-size,200px),50%) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.theme-surface[data-profile-layout] .sectioned-profile>.intro-avatar{grid-column:1!important;grid-row:1!important;width:100%;max-width:var(--home-profile-photo-size,200px)!important;justify-self:start!important}
.theme-surface[data-profile-layout] .sectioned-profile>.profile-copy{grid-column:2!important;grid-row:1!important;text-align:left!important}
.theme-surface[data-profile-layout] .sectioned-profile>.intro-section-grid{grid-column:1/-1!important;grid-row:2!important}
.theme-surface[data-profile-layout=reverse] :is(.intro-summary,.theme-demo-heading).sectioned-profile{grid-template-columns:minmax(0,1fr) min(var(--home-profile-photo-size,200px),50%)!important}
.theme-surface[data-profile-layout=reverse] .sectioned-profile>.intro-avatar{grid-column:2!important}
.theme-surface[data-profile-layout=reverse] .sectioned-profile>.profile-copy{grid-column:1!important}
.theme-surface[data-profile-layout=center] :is(.intro-summary,.theme-demo-heading).sectioned-profile{grid-template-columns:minmax(0,1fr)!important}
.theme-surface[data-profile-layout=center] .sectioned-profile>:is(.intro-avatar,.profile-copy,.intro-section-grid){grid-column:1!important;grid-row:auto!important}
.theme-surface[data-profile-layout=center] .sectioned-profile>.intro-avatar{width:min(var(--home-profile-photo-size,200px),100%);justify-self:center!important}
.theme-surface[data-profile-layout=center] .sectioned-profile>.profile-copy{text-align:center!important}
.theme-surface :is(#introLinks,#themePreviewLinks){justify-content:var(--home-link-justify,flex-start)!important;align-items:center!important}
.theme-surface :is(#introLinks,#themePreviewLinks)>a{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;padding:calc(12px * var(--home-link-scale,1)) calc(18px * var(--home-link-scale,1))!important;min-height:calc(44px * var(--home-link-scale,1));box-sizing:border-box;border-radius:999px!important;background:var(--home-link-bg)!important;color:var(--home-link-ink)!important;font-family:inherit;font-size:var(--home-link-font-size,16px)!important;font-weight:700;line-height:1.4;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.theme-surface :is(#introLinks,#themePreviewLinks)>a>span:not([aria-hidden]){min-width:0}

.theme-surface :is(#introLinks,#themePreviewLinks)>a .channel-icon{width:calc(24px * var(--home-link-scale,1));height:calc(24px * var(--home-link-scale,1));font-size:calc(22px * var(--home-link-scale,1));line-height:1;flex:none}
.theme-surface :is(#introLinks,#themePreviewLinks)>a>span{background:none!important;border:0!important;border-radius:0!important;padding:0!important;color:inherit!important;font:inherit!important}
.theme-surface [data-home-section=profile].card{background:var(--home-surface);border:1px solid var(--home-border);border-radius:var(--home-radius);box-shadow:var(--home-shadow);color:var(--home-text)}

.layout-live-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Both row and column gaps are edge-to-edge distances; spare cell height never spreads rows. */
.theme-surface :is(#introLinks,#themePreviewLinks){align-content:flex-start!important;flex:0 0 auto;row-gap:var(--home-intro-link-gap,12px)!important;column-gap:var(--home-intro-link-gap,12px)!important}
.theme-surface :is(#introLinks,#themePreviewLinks)>a{flex:0 0 auto!important;width:auto!important;margin:0!important;transform:none!important;transition:filter .2s}