.appearance-editor{margin:32px 0;border-top:1px solid #dce4e1;padding-top:28px}.appearance-editor h3{font-size:clamp(22px,2.5vw,30px);margin:10px 0}.appearance-editor fieldset{border:0;padding:0;min-width:0;margin:26px 0}.appearance-editor legend{font-size:18px;font-weight:750;margin-bottom:18px}.template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.template-option{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px;border:2px solid #e1e7e4;border-radius:16px;background:#fff;color:#173e3b;cursor:pointer}.template-option.selected{border-color:#17645a;box-shadow:0 0 0 2px #bde6d6}.template-option strong{font-size:14px;margin:10px 0 4px}.template-option small{font-size:11px;line-height:1.4;color:#5a6b65}.template-mini{height:90px;background:var(--page-soft);border-radius:9px;display:block;position:relative;overflow:hidden;padding:0 10px}.template-mini i{position:absolute;inset:0 0 45%;background:var(--page-ink)}.template-mini b{position:absolute;top:45%;width:22px;height:22px;border:3px solid white;background:var(--page-accent);border-radius:6px}.template-mini em{position:absolute;bottom:9px;left:10px;right:10px;height:6px;background:white;border-radius:5px}.template-mini em+em{bottom:20px;right:30%}.template-mini-soft i{border-radius:0 0 35px 35px}.template-mini-arch i{inset:5px 15px 35%;border-radius:80px 80px 0 0}.template-mini-editorial i{right:45%;bottom:0}.template-mini-editorial b{left:60%;top:20%}.template-mini-wave i{border-radius:0 0 70% 0}.template-mini-minimal i{height:8px;inset:12px 10px auto;background:var(--page-accent)}.template-mini-bold{background:var(--page-ink)}.template-mini-organic i{border-radius:0 0 100% 15%}.appearance-workbench{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr);gap:28px;align-items:start}.appearance-tools{border:1px solid #dce4e1;border-radius:20px;padding:22px}.appearance-tools h4{font-size:18px;margin:0 0 20px}.appearance-upload{display:grid;gap:10px;margin:18px 0;padding-bottom:12px}.appearance-upload span,.appearance-tools .muted{font-size:13px;line-height:1.6;color:#5c6c66}.appearance-upload input{max-width:100%;min-width:0;font-size:13px}.appearance-tools input[type=range]{width:100%;min-height:48px;accent-color:#17645a}.appearance-live{min-width:0;border:1px solid #dce4e1;background:var(--page-soft);border-radius:22px;padding:18px;color:var(--page-ink)}.appearance-live>.eyebrow{color:var(--page-accent)}.appearance-cover{position:relative;isolation:isolate;overflow:hidden;min-height:190px;border-radius:16px;background:var(--page-ink);color:white;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.appearance-cover:before{content:"";position:absolute;z-index:-1;width:90%;height:140%;right:-30%;top:45%;border-radius:50%;background:var(--page-accent)}.appearance-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.appearance-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0003);z-index:-1}.appearance-cover>span:not(.appearance-shade){font-weight:800;letter-spacing:2px;font-size:13px}.appearance-cover small{color:#fff;letter-spacing:3px;font-size:8px;margin-left:10px}.appearance-cover>strong{font-size:clamp(20px,2.5vw,30px);line-height:1.2}.appearance-cover-soft{border-radius:16px 16px 65px 65px}.appearance-cover-editorial>strong{font-family:Georgia,serif;font-weight:400}.appearance-cover-wave{border-radius:16px 16px 70px 16px}.appearance-cover-arch{border-radius:90px 90px 14px 14px;text-align:center;align-items:center}.appearance-cover-minimal{min-height:145px;background:var(--page-soft);color:var(--page-ink);border:1px solid var(--page-accent)}.appearance-cover-minimal:has(img){color:#fff}.appearance-cover-minimal:before{display:none}.appearance-cover-bold{border-radius:3px}.appearance-identity{display:flex;align-items:center;gap:14px;margin:22px 0}.appearance-logo{width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;background:#fff;border-radius:16px;overflow:hidden;font-size:24px;font-weight:750}.appearance-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.appearance-identity>div:last-child{min-width:0}.appearance-identity h3{font-size:22px;overflow-wrap:anywhere}.appearance-identity p{font-size:12px;margin:0;overflow-wrap:anywhere}.appearance-services{background:white;border-radius:16px;padding:20px}.appearance-services h4{font-size:20px;margin:0 0 18px}.appearance-services>div{border:1px solid #e5e8e6;border-radius:12px;margin:8px 0;padding:14px;display:flex;justify-content:space-between;gap:12px;font-size:13px}.appearance-services span{min-width:0}.appearance-services strong{overflow-wrap:anywhere}.appearance-services small{display:block;margin-top:5px;color:#64726c}.appearance-cta{display:block;text-align:center;background:var(--page-accent);color:white;padding:15px;margin-top:16px;border-radius:10px;font-size:13px;font-weight:700}.appearance-live>small{display:block;font-size:11px;margin:14px 0 0;color:#52635b}.appearance-save{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:22px;background:#f3f8f5;border:1px solid #d9e5de;border-radius:18px;margin-top:22px}.appearance-save>div{flex:1;min-width:180px}.appearance-save p{font-size:12px;margin:6px 0 0}.public-page-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.public-published-preview{margin-top:25px}.public-published-preview>summary{cursor:pointer;padding:15px 0;font-weight:700}.template-option:focus-visible{outline:3px solid #17645a;outline-offset:3px}
@media(max-width:1000px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-workbench{grid-template-columns:1fr}.appearance-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-tools h4,.appearance-tools>.muted{grid-column:1/-1}}
@media(max-width:540px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-tools{display:block;padding:17px}.appearance-live{padding:12px}.appearance-save{padding:16px}.appearance-save button,.public-page-quick-actions>*{width:100%}.appearance-cover{padding:20px}.appearance-services{padding:14px}.appearance-identity h3{font-size:20px}}