.template-picker{margin:24px 0}.template-selection{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.template-reset,.template-chip{border:1px solid #cbc7be;background:#fff;border-radius:24px;padding:10px 13px;font-size:12px;cursor:pointer;color:#32372e}.template-reset.active{background:#e8efdc;border-color:#344b30}.template-chip{background:#f1eee8}.template-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-toolbar select,.template-toolbar input{margin:0;min-width:0;width:100%;font-size:13px;padding:11px}.template-toolbar input{grid-column:1/-1}.template-status{font-size:12px;line-height:1.55;color:#5c6257;margin:12px 0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.template-card{min-width:0;text-align:left;background:#fff;border:2px solid transparent;box-shadow:0 0 0 1px #dedbd3;border-radius:10px;overflow:hidden;padding:0 0 12px;cursor:pointer;position:relative;color:#242c22}.template-card:hover{box-shadow:0 0 0 1px #506044;transform:translateY(-2px)}.template-card:focus-visible{outline:3px solid #647e4e;outline-offset:3px}.template-card[aria-pressed=true]{border-color:#344b30;box-shadow:0 0 0 1px #344b30}.template-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#eee}.template-card strong,.template-card>span{display:block;margin:10px 10px 0;overflow-wrap:anywhere;line-height:1.25}.template-card strong{font-size:12px}.template-card>span{font-size:10px;color:#68705f;margin-top:5px}.template-card i{position:absolute;right:8px;top:8px;background:#ffffffed;box-shadow:0 1px 7px #0002;color:#253d23;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:15px;font-style:normal}.template-card[aria-pressed=true] i{background:#344b30;color:white}.template-more{margin-top:15px}.template-section h3{margin:0;font-size:18px}.template-section>p{font-size:13px;line-height:1.6;color:#68705f}.template-section .template-picker{margin-top:15px}.template-section{border-top:1px solid #dedbd3;margin:24px 0;padding-top:24px}.template-section a{font-size:12px;color:#445738}.template-library{background:#f7f5ef;color:#273022}.template-nav{max-width:1360px;margin:auto;padding:25px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.template-page{max-width:1360px;margin:auto;padding:55px 38px 180px}.template-page h1{font-size:clamp(40px,6vw,80px);font-weight:500;letter-spacing:-3px;line-height:1.06;margin:16px 0}.template-intro{font-size:19px;line-height:1.7;max-width:730px}.template-library-note{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.template-library-note span{border:1px solid #ccc7bb;border-radius:30px;padding:8px 13px;font-size:12px}.template-library .template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.template-library .template-toolbar{grid-template-columns:1fr 1fr 1.5fr}.template-library .template-toolbar input{grid-column:auto}.template-library .template-card strong{font-size:16px;margin:14px 15px 0}.template-library .template-card>span{font-size:12px;margin-left:15px}.template-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#f7f5eff5;backdrop-filter:blur(12px);padding:20px max(25px,calc((100vw - 1284px)/2));border-top:1px solid #d7d5cb;display:flex;justify-content:space-between;gap:20px;align-items:center}.template-dock p{font-size:12px;margin:5px 0 0;color:#68705f}.legacy-direction{display:none!important}.workspace .sidebar>a.nav-item{text-decoration:none}.template-picker button:disabled{opacity:.5}
@media(max-width:700px){.template-library .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.template-page{padding:35px 20px 200px}.template-nav{padding:20px}.template-nav .button{font-size:12px;padding:12px}.template-library .template-toolbar{grid-template-columns:1fr 1fr}.template-library .template-toolbar input{grid-column:1/-1}.template-dock{padding:15px 20px;display:block}.template-dock .button{display:flex;margin-top:12px;justify-content:center}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-page h1{letter-spacing:-1.5px}.template-intro{font-size:16px}.template-card strong{font-size:13px}.template-card>span{font-size:11px}.template-section{margin:18px 0}.workspace .sidebar>a.nav-item{font-size:12px}}

.template-item{min-width:0}.template-item .template-card{width:100%;height:calc(100% - 38px)}.template-preview-button{width:100%;margin-top:8px;border:1px solid #cbc7be;background:#fff;padding:9px;border-radius:8px;color:#344b30;cursor:pointer;font-size:12px}.template-preview-dialog{width:min(760px,94vw);max-height:92vh;border:1px solid #ccc7bb;border-radius:15px;padding:24px;background:#f7f5ef;color:#273022;overflow:auto}.template-preview-dialog::backdrop{background:#13210dcc}.template-preview-dialog>button{float:right}.template-preview-dialog h2{margin:0 0 20px}.template-preview-dialog>img{display:block;max-width:100%;width:auto;max-height:60vh;object-fit:contain;margin:20px auto}.template-preview-dialog .segmented{display:flex;flex-wrap:wrap;gap:8px}.template-preview-dialog .segmented button{border:1px solid #bfbfaf;padding:10px;background:#fff;border-radius:8px;cursor:pointer}.template-preview-dialog .segmented button[aria-pressed=true]{background:#344b30;color:white}.template-library .template-toolbar{grid-template-columns:1fr 1fr 1fr 1.4fr}.template-toolbar input{grid-column:auto}@media(max-width:700px){.template-library .template-toolbar{grid-template-columns:1fr 1fr}.template-library .template-toolbar input{grid-column:auto}.template-preview-dialog{padding:16px}.template-preview-dialog h2{font-size:22px}.template-preview-dialog .segmented button{font-size:11px}}