#page-builder.builder-shell{--tpl-rail-w: clamp(340px, 24vw, 400px);--tpl-stage-inset: 14px;--tpl-stage-ease: var(--ease-rise, cubic-bezier(.22, 1, .36, 1));--tpl-stage-editor-out: .36s;--tpl-stage-cv-move: .38s;--tpl-stage-rail-in: .34s}#page-builder.builder-shell .builder-sidebar-column,#page-builder.builder-shell .builder-main-column{transition:transform var(--tpl-stage-editor-out) var(--tpl-stage-ease),opacity .24s var(--tpl-stage-ease)}#page-builder.template-stage-open.preview-lightbox-open .builder-wrap{display:grid}#page-builder.template-stage-open.preview-lightbox-open .builder-sidebar,#page-builder.template-stage-open.preview-lightbox-open .editor-panel{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}#page-builder.builder-shell.template-stage-open.preview-lightbox-open .preview-panel{position:fixed;z-index:145;left:var(--tpl-stage-inset);top:var(--tpl-stage-inset);width:calc(100vw - var(--tpl-rail-w) - var(--tpl-stage-inset) * 3);max-width:none;height:calc(100vh - var(--tpl-stage-inset) * 2);height:calc(100dvh - var(--tpl-stage-inset) * 2);max-height:none;animation:tpl-stage-field-in .32s var(--tpl-stage-ease) both}@keyframes tpl-stage-field-in{0%{background-color:#e4e7ec00;border-color:#cbd5e100;box-shadow:0 0 #0f172a00}to{background-color:#e4e7ec;border-color:#cbd5e1f2;box-shadow:var(--shadow-md)}}#page-builder.template-stage-open.preview-lightbox-open:before{background:#0f172a42;backdrop-filter:none;-webkit-backdrop-filter:none}.preview-lightbox-zoom-fit,.preview-lightbox-pagecount{display:none}#page-builder.template-stage-open .preview-lightbox-zoom-fit{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;padding:0 10px;font-size:12px;letter-spacing:.01em}#page-builder.template-stage-open .preview-lightbox-pagecount:not([hidden]){display:inline-block;padding:0 8px 0 4px;font-size:12px;font-weight:600;color:#64748b;white-space:nowrap;font-variant-numeric:tabular-nums}#page-builder.builder-shell .tpl-stage-rail{position:fixed;z-index:146;top:var(--tpl-stage-inset, 14px);right:var(--tpl-stage-inset, 14px);width:var(--tpl-rail-w, 360px);height:calc(100vh - var(--tpl-stage-inset, 14px) * 2);height:calc(100dvh - var(--tpl-stage-inset, 14px) * 2);display:flex;flex-direction:column;min-height:0;background:var(--surface, #fff);border:1px solid rgba(226,232,240,.95);border-radius:var(--r-card, 12px);box-shadow:var(--shadow-md);overflow:hidden;transform:translate(calc(100% + 24px));opacity:0;visibility:hidden;transition:transform var(--tpl-stage-rail-in) var(--tpl-stage-ease),opacity .2s var(--ease-exit),visibility 0s linear var(--tpl-stage-rail-in)}#page-builder.builder-shell.template-stage-open .tpl-stage-rail{transform:none;opacity:1;visibility:visible;transition:transform var(--tpl-stage-rail-in) var(--tpl-stage-ease),opacity .22s var(--tpl-stage-ease),visibility 0s}.tpl-stage-rail-head{flex:0 0 auto;padding:12px 16px 9px;border-bottom:1px solid var(--line, #eef2f7)}.tpl-stage-title{width:max-content;max-width:100%;margin:0;font-size:16px;font-weight:700;line-height:1.2;color:var(--ink, #0f172a)}.tpl-stage-title:focus-visible{outline:2px solid rgba(18,109,255,.42);outline-offset:3px;border-radius:6px}.tpl-stage-sub{margin:3px 0 0;font-size:12px;line-height:1.35;color:var(--muted, #64748b)}.tpl-stage-search{position:relative;flex:0 0 auto;padding:9px 16px 0}#page-builder.builder-shell .tpl-stage-search .tpl-search-icon{position:absolute;left:28px;top:29px;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:1}#page-builder.builder-shell .tpl-stage-search input.tpl-search-input{width:100%;min-height:40px;padding:0 12px 0 38px;border:1px solid var(--line, #eef2f7);border-radius:var(--r-control, 10px);background:#f8fafc;font-size:13px;color:var(--ink, #0f172a)}#page-builder.builder-shell .tpl-stage-search input.tpl-search-input:focus{outline:none;border-color:#126dff80;box-shadow:0 0 0 3px #126dff24}.tpl-stage-accent{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px 0}.tpl-stage-accent-label{flex:0 0 auto;margin:0;font-size:12px;font-weight:600;color:var(--muted, #64748b)}.tpl-stage-swatches{display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:space-between;gap:4px;min-width:0}.tpl-stage-swatches .ats-swatch{width:23px;height:23px;flex:0 0 23px}.tpl-stage-tabs{flex:0 0 auto;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:10px 16px 9px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}.tpl-stage-tabs .tpl-chip{flex:0 0 auto;padding:4px 10px;white-space:nowrap}.tpl-stage-tabs::-webkit-scrollbar{display:none}.tpl-stage-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 14px;scrollbar-gutter:stable}.tpl-stage-body .tpl-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tpl-stage-body .tpl-card-preview{display:none!important}.tpl-stage-body .tpl-card{position:relative}.tpl-stage-body .tpl-card-pick{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:118px;padding:9px;text-align:left;border:1px solid var(--line, #eef2f7);border-radius:var(--r-card, 12px);background:#fff;cursor:pointer;transition:border-color .16s var(--tpl-stage-ease),background .16s var(--tpl-stage-ease),box-shadow .16s var(--tpl-stage-ease)}.tpl-stage-body .tpl-card-pick:hover{border-color:#cbd5e1;background:#f8fafc}.tpl-stage-body .tpl-card-pick:focus-visible{outline:2px solid rgba(18,109,255,.55);outline-offset:2px}.tpl-stage-body .tpl-card-shot{display:block;overflow:hidden;border:1px solid var(--line, #eef2f7);border-radius:6px;background:#fff;aspect-ratio:3 / 4}.tpl-stage-body .tpl-card-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.tpl-stage-body .tpl-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.tpl-stage-body .tpl-card-name{font-size:13.5px;font-weight:700;line-height:1.25;color:var(--ink, #0f172a)}.tpl-stage-body .tpl-card-desc{font-size:12px;line-height:1.35;color:#94a3b8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.tpl-stage-body .tpl-card--previewing .tpl-card-pick,.tpl-stage-body .tpl-card--previewing .tpl-card-pick:hover{border-color:var(--blue, #126dff);background:#f2f7ff;box-shadow:0 0 0 1px var(--blue, #126dff) inset,0 0 0 3px #126dff24}.tpl-stage-body .tpl-card-current,.tpl-stage-body .tpl-card-state{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;pointer-events:none}.tpl-stage-body .tpl-card-current{background:#eef2f7;color:#475569}.tpl-stage-body .tpl-card-state{background:var(--blue, #126dff);color:#fff}.tpl-stage-body .tpl-group{margin:0 0 14px}.tpl-stage-body .tpl-group-title{margin:12px 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.tpl-stage-foot{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line, #eef2f7);background:#fff;box-shadow:0 -6px 14px #0f172a0d}.tpl-stage-apply{width:100%;min-height:44px;font-size:14px;font-weight:700}.tpl-stage-apply[disabled]{opacity:1;cursor:default;color:#64748b;background:#f1f5f9;border:1px solid var(--line, #eef2f7);box-shadow:none;font-weight:600}#page-builder.template-stage-returning .builder-preview-panel,#page-builder.template-stage-returning .preview-live-card,#page-builder.template-stage-returning .preview-paper-wrap,#page-builder.template-stage-returning .preview-full-viewport{overflow:visible!important}#page-builder.template-stage-returning .builder-preview-panel{z-index:60}#page-builder.template-stage-returning .cv-stage{position:relative;z-index:61}#page-builder.template-stage-open .cv-stage,#page-builder.template-stage-returning .cv-stage{transition:none!important}@media (max-width: 1023.98px){#page-builder.builder-shell.template-stage-open.preview-lightbox-open .preview-panel{position:fixed;left:0;top:0;width:100%;height:calc(100vh - var(--tpl-stage-sheet-h, 216px));height:calc(100dvh - var(--tpl-stage-sheet-h, 216px));border-radius:0;border:0;animation:none;background:#e4e7ec}#page-builder.template-stage-open.preview-lightbox-open .builder-sidebar,#page-builder.template-stage-open.preview-lightbox-open .editor-panel{display:none!important}#page-builder.builder-shell .tpl-stage-rail{inset:auto 0 0;width:100%;height:auto;max-height:42dvh;border-radius:16px 16px 0 0;border-bottom:0;transform:translateY(calc(100% + 24px))}#page-builder.builder-shell.template-stage-open .tpl-stage-rail{transform:none}.tpl-stage-rail-head{display:flex;align-items:center;gap:8px;padding:8px 14px}.tpl-stage-title{font-size:14px}.tpl-stage-sub,.tpl-stage-search,.tpl-stage-accent,.tpl-stage-tabs,.tpl-stage-body .tpl-group-title{display:none}.tpl-stage-body{display:flex;align-items:flex-start;padding:8px 0 8px 14px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tpl-stage-body .tpl-group{margin:0;display:contents}.tpl-stage-body .tpl-grid{display:flex;gap:10px;padding-right:14px}.tpl-stage-body .tpl-card{flex:0 0 auto;width:96px}.tpl-stage-body .tpl-card-pick{display:block;padding:6px}.tpl-stage-body .tpl-card-shot{width:100%;aspect-ratio:4 / 3}.tpl-stage-body .tpl-card-body{padding-top:4px}.tpl-stage-body .tpl-card-name{font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tpl-stage-body .tpl-card-desc,.tpl-stage-body .tpl-card-badges{display:none}.tpl-stage-body .tpl-card-current,.tpl-stage-body .tpl-card-state{top:3px;left:3px;right:auto;padding:1px 5px}.tpl-stage-body .tpl-card-tick,#page-builder.template-stage-open .preview-lightbox-zoom-fit,#page-builder.template-stage-open .preview-lightbox-zoom-label{display:none}.tpl-stage-foot{padding:8px 14px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.tpl-stage-apply{min-height:42px}.tpl-stage-body .tpl-card-name{-webkit-line-clamp:2;font-size:12px;line-height:1.2}}@media (prefers-reduced-motion: reduce){#page-builder.builder-shell .builder-sidebar-column,#page-builder.builder-shell .builder-main-column{transition:opacity 90ms linear}#page-builder.template-stage-open.preview-lightbox-open .builder-sidebar,#page-builder.template-stage-open.preview-lightbox-open .editor-panel{transform:none}#page-builder.builder-shell.template-stage-open.preview-lightbox-open .preview-panel{animation:none;background:#e4e7ec;border-color:#cbd5e1f2;box-shadow:var(--shadow-md)}#page-builder.builder-shell .tpl-stage-rail{transform:none;transition:opacity 90ms linear,visibility 0s linear 90ms}#page-builder.template-stage-open .tpl-stage-rail{transition:opacity 90ms linear,visibility 0s}}@keyframes tpl-stage-retypeset{0%{opacity:.92;transform:scale(.992)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){#page-builder.template-stage-open #cvStage.preview-template-switch .cv-doc{transform-origin:center center;animation:tpl-stage-retypeset .2s var(--tpl-stage-ease) both}}.preview-lightbox-mode{font-weight:600;color:#94a3b8}.preview-lightbox-sep{color:#cbd5e1}.preview-lightbox-tplname{font-weight:700;color:#334155}#page-builder.template-stage-open.preview-lightbox-open .preview-full-watermark{opacity:.085}#page-builder.template-stage-open .preview-full-viewport .cv-fp-page-mark--seam:before{height:2px;background:#0f172a57;box-shadow:0 -10px 14px -8px #0f172a6b,0 10px 16px -8px #0f172a4d}#page-builder.template-stage-open .preview-full-viewport .cv-fp-page-mark--seam:after{top:-22px;color:#0f172a8c}