.template-picker-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 20px}.template-picker-toolbar .studio-help{margin:0;font-size:12px}.template-manage-button{white-space:nowrap}.template-library-cards{max-height:620px;overflow:auto;padding:3px}.template-custom-swatch{--template-accent:#ad8852;display:flex;position:relative;flex-direction:column;gap:20px;justify-content:center;min-height:190px;padding:25px;background:#182c39;color:#fff;overflow:hidden}.template-custom-swatch small{font-size:9px;letter-spacing:.14em;color:#dfd5c4}.template-custom-swatch b{font:36px/.95 Georgia,serif;white-space:pre-line;z-index:1}.template-custom-swatch i{position:absolute;right:18px;bottom:0;width:60px;height:120px;transform:skewY(-12deg);background:var(--template-accent);opacity:.8}.template-swatch-city{background:#f0ece4;color:#293b41}.template-swatch-city small{color:#7b705d}.studio-template-manager{width:min(840px,calc(100% - 32px));max-height:88vh;overflow:auto;padding:28px;border:1px solid #d4ded9;border-radius:16px;color:#243b32;background:#fcfdfc;box-shadow:0 24px 100px #0d221d44}.studio-template-manager::backdrop{background:#15251d77;backdrop-filter:blur(4px)}.template-manager-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.template-manager-head p{margin:0 0 8px;color:#83988b;font-size:10px;letter-spacing:.17em}.template-manager-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.template-manager-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.template-manager-list{display:grid;gap:10px}.template-library-row{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #dce5df;border-radius:10px;padding:16px}.template-library-row>div:first-child{display:grid;gap:6px;min-width:0}.template-library-row strong{font-size:15px;overflow-wrap:anywhere}.template-library-row small{font-size:11px;color:#799083}.template-library-row>div:last-child{display:flex;gap:6px;flex-shrink:0}.template-library-row button{padding:7px 12px!important;font-size:12px!important}.template-manager-editor{border-top:1px solid #d4dfd8;margin-top:28px;padding-top:15px}.template-manager-editor h3{font-size:18px;margin:4px 0 20px}.template-manager-editor label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0;margin-bottom:16px}.template-manager-editor input,.template-manager-editor select{width:100%;min-width:0;border:1px solid #d0dcd3;border-radius:7px;background:#fff;color:#243b32;font:inherit;padding:11px 12px;min-height:43px}.template-manager-editor input[type=color]{padding:6px;height:46px;cursor:pointer}.template-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.template-manager-editor details{padding:12px 15px;border:1px solid #d9e1dc;border-radius:8px;margin:12px 0;background:#fff}.template-manager-editor summary{font-size:13px;cursor:pointer}.template-manager-editor [data-file-info]{white-space:pre-line}.template-detail-preview{border:0;width:100%;height:950px;background:white}.studio-design-scroll [hidden]{display:none!important}.studio-template-manager :is(button,input,select):focus-visible{outline:3px solid #88a28e;outline-offset:3px}.studio-template-manager button:disabled{cursor:wait;opacity:.5}
@media(max-width:720px){.studio-template-manager{padding:20px;width:calc(100% - 20px);max-height:90vh}.template-manager-head h2{font-size:20px}.template-library-row{align-items:stretch;flex-direction:column;gap:12px;padding:14px}.template-library-row>div:last-child{flex-wrap:wrap}.template-input-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.template-manager-editor label{font-size:12px}.template-picker-toolbar{gap:8px}.studio-review-toolbar>.template-manage-button{align-self:flex-start}.template-detail-preview{height:750px}}

[data-manual-stage=edit] .studio-review-toolbar>.template-manage-button{display:none}
.template-import-result{margin-top:18px;border:1px solid #d4dfd8;border-radius:10px;overflow:hidden;background:#fff}.template-import-result h4{margin:0;padding:14px 16px;font-size:14px;border-bottom:1px solid #d4dfd8}.template-import-result iframe{display:block;width:100%;height:420px;border:0;background:#fff}.template-import-result>.studio-help{margin:0;padding:12px 16px}.template-manager-editor [data-file-info]{overflow-wrap:anywhere}.template-manager-editor [data-link]>button{margin-bottom:8px}
@media(max-width:720px){.template-import-result iframe{height:350px}}
.template-import-progress{height:8px;margin:18px 0 10px;overflow:hidden;border-radius:999px;background:#e0e8e2}
.template-import-progress-bar{display:block;width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#88a28e,#354e43);animation:template-import-loading 1.6s ease-in-out infinite}
@keyframes template-import-loading{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
@media(prefers-reduced-motion:reduce){.template-import-progress-bar{animation:none;transform:none;width:100%;background:#688674}}