/* Industry library and shared customer layouts. Native CSS, no framework. */
.platform-template-form{min-width:0}.platform-template-form label{min-width:0}.platform-template-form select{width:100%;min-width:0;max-width:100%;padding:12px;background:#fff;color:#18243b;border:1px solid #d9dce6;border-radius:10px;font:inherit}.platform-template-form .button{white-space:normal;text-align:center}
.template-library-page{background:#faf9f6;color:#18243b}.tpl-shell{max-width:1230px;margin:auto;padding-inline:24px}.tpl-library-hero{margin:0!important;padding:72px 0!important;background:linear-gradient(115deg,#efebfc,#eef5ef);position:relative;isolation:isolate}.tpl-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.tpl-library-hero h1{font-family:var(--display);font-size:clamp(3rem,6vw,5.2rem);line-height:1.04;letter-spacing:-.055em;margin:20px 0}.tpl-library-hero h1 em{font-style:normal;color:#6550bd}.tpl-library-hero p:not(.eyebrow){max-width:50ch;line-height:1.75;color:#56637a}.tpl-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:13px 20px;border:0;border-radius:11px;background:#5144ed;color:#fff!important;font:600 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}.tpl-primary:hover{background:#4031cf}.tpl-hero-grid .tpl-primary{margin-top:16px}.tpl-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:20px;transform:rotate(-5deg)}.tpl-hero-art span{display:flex;min-height:140px;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fffefa;border:1px solid #dcd7ec;border-radius:24px;box-shadow:0 18px 40px #35245c0b;font:700 17px var(--display);color:#5d4799}.tpl-hero-art span:nth-child(2),.tpl-hero-art span:nth-child(3){background:#18243b;color:#ddd5ff}.tpl-library{padding-block:55px 65px}.tpl-section-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px}.tpl-section-heading h2{font:700 clamp(2rem,4vw,3.3rem)/1.12 var(--display);letter-spacing:-.05em;margin:12px 0}.tpl-section-heading p:not(.eyebrow){font-size:14px;line-height:1.7;color:#56637a}.tpl-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:16px;align-items:end;background:#efecf7;border:1px solid #dfd8ef;padding:24px;border-radius:20px}.tpl-filters label,.tpl-picker label{display:grid;gap:8px;font-size:13px;font-weight:600}.tpl-filters input,.tpl-filters select,.tpl-picker select{min-height:46px;padding:11px 13px;width:100%;min-width:0;background:#fff;color:#18243b;border:1px solid #d9dce6;border-radius:10px;font:14px 'DM Sans',sans-serif}.tpl-filter-button{min-height:46px;display:flex;align-items:center;gap:10px;background:#18243b;color:#fff;border:0;padding:12px 18px;border-radius:10px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.tpl-result{margin:22px 2px;color:#56637a;font-size:13px}.tpl-collection{padding:30px 0 40px;border-bottom:1px solid #e1e3e9}.tpl-collection>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tpl-collection>header h3{font:700 24px var(--display);letter-spacing:-.03em;margin:0}.tpl-collection>header span{font-size:12px;color:#67738a}.tpl-card-grid,.tpl-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tpl-card{border:1px solid #dfdce9;background:#fffefa;border-radius:20px;overflow:hidden;min-width:0;box-shadow:0 8px 24px #18243b05}.tpl-card-preview{position:relative;display:block;overflow:hidden;aspect-ratio:1.43;background:#eeebf5}.tpl-card-preview>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tpl-card-preview:hover>img{transform:scale(1.04)}.tpl-style-badge{position:absolute;top:14px;left:14px;padding:7px 10px;font-size:11px;font-weight:700;background:#fffefa;color:#3f355e;border-radius:7px;box-shadow:0 2px 10px #0001}.tpl-mini-layout{position:absolute;bottom:0;right:22px;left:22px;background:#faf9f6;padding:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;border-radius:14px 14px 0 0;box-shadow:0 -5px 20px #0001}.tpl-mini-layout i{display:block;height:12px;border-radius:2px;background:#d5cedf}.tpl-mini-layout i:first-child{grid-column:1/-1;background:#605478;width:65%;height:8px;margin-bottom:3px}.tpl-card-gallery .tpl-mini-layout{grid-template-columns:repeat(3,1fr)}.tpl-card-gallery .tpl-mini-layout i:nth-child(n+2){height:24px}.tpl-card-bookflip .tpl-mini-layout{gap:2px;background:#e9dfcf}.tpl-card-bookflip .tpl-mini-layout i{background:#fffbf4;height:35px}.tpl-card-journal .tpl-mini-layout{grid-template-columns:1fr;padding-inline:35px}.tpl-card-journal .tpl-mini-layout i{height:5px}.tpl-card-workshop .tpl-mini-layout{background:#1a263c}.tpl-card-workshop .tpl-mini-layout i{background:#8592af}.tpl-card-salon .tpl-mini-layout{background:#f4e2e9}.tpl-card-care .tpl-mini-layout{background:#e8f2ee}.tpl-preview-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;background:#18243bea;color:#fff;font-size:13px;padding:18px;opacity:0;transition:opacity .2s}.tpl-card-preview:hover .tpl-preview-overlay,.tpl-card-preview:focus-visible .tpl-preview-overlay{opacity:1}.tpl-card-copy{padding:24px;color:#18243b}.tpl-card-copy>span{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#725a9e}.tpl-card-copy h3{font:700 22px var(--display);letter-spacing:-.03em;margin:12px 0}.tpl-card-copy p{font-size:14px;line-height:1.7;min-height:48px;margin:0 0 20px;color:#56637a}.tpl-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ebe8f0;padding-top:18px}.tpl-card-copy a{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#5948a8;text-decoration:none;min-height:40px}.tpl-card-copy .tpl-use{background:#ede8fa;padding:9px 12px;border-radius:8px}.tpl-how-band{padding:65px 0;background:#18243b;color:#fff}.tpl-how-band .tpl-section-heading p{color:#cbc6dd}.tpl-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tpl-how-grid article{padding:28px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff06}.tpl-how-grid svg{color:#c7b8f3}.tpl-how-grid h3{font:700 21px var(--display);margin:20px 0 15px}.tpl-how-grid p{font-size:14px;line-height:1.8;color:#d1cfdf}.tpl-showcase{padding:70px 0;background:linear-gradient(120deg,#eee9f8,#eef4ea);color:#18243b}.tpl-showcase-grid{row-gap:28px}.tpl-no-results{padding:45px;text-align:center;background:#f0edf8;border-radius:18px}.tpl-library [hidden],.layout-bookflip .space-stories>[hidden]{display:none!important}
.tpl-preview-toolbar{max-width:1230px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--theme-text);background:var(--theme-bg)}.tpl-preview-toolbar strong{display:block;font:700 22px var(--display)}.tpl-preview-toolbar span{display:block;font-size:12px;margin-top:5px;color:var(--theme-muted)}.tpl-preview-cover{height:340px!important;position:relative;overflow:hidden;margin:0!important;width:100%;max-width:none!important}.tpl-preview-cover>img{width:100%;height:100%;display:block;object-fit:cover}.tpl-preview-cover>span{position:absolute;bottom:24px;left:24px;padding:10px 14px;border-radius:8px;background:#fffefa;color:#18243b;font-size:11px;z-index:3;font-weight:700}.tpl-preview-next{margin-block:60px;padding:clamp(24px,5vw,55px);background:var(--theme-panel);border:1px solid var(--theme-line);border-radius:24px;color:var(--theme-text)}.tpl-preview-next h2{font:700 clamp(2rem,4vw,3rem)/1.15 var(--display);letter-spacing:-.04em}.tpl-preview-next p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--theme-muted);max-width:65ch}.tpl-preview-next>div{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:25px}.tpl-preview-next a:not(.tpl-primary){color:var(--theme-text)}
/* Distinct industry presentations use the same safe, editable content blocks. */
.layout-menu .space-intro h1,.layout-salon .space-intro h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.layout-menu .space-intro-copy,.layout-care .space-intro-copy{display:block}.layout-menu .space-intro-details,.layout-care .space-intro-details{margin-top:28px}.layout-menu .space-stories,.layout-salon .space-stories,.layout-workshop .space-stories,.layout-care .space-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.layout-menu .space-stories .space-story:nth-child(n),.layout-salon .space-stories .space-story:nth-child(n),.layout-workshop .space-stories .space-story:nth-child(n),.layout-care .space-stories .space-story:nth-child(n){display:flex;flex-direction:column;padding:32px;gap:22px;background:var(--theme-panel);border:1px solid var(--theme-line);border-radius:18px;align-items:stretch}.layout-menu .space-stories .space-story:nth-child(n){border-radius:0;border-width:1px 0 0;padding:28px 10px;background:transparent}.layout-menu .space-story-content,.layout-salon .space-story-content,.layout-workshop .space-story-content,.layout-care .space-story-content{display:block}.layout-menu .space-stories .space-story:nth-child(n) h3,.layout-salon .space-stories .space-story:nth-child(n) h3,.layout-care .space-stories .space-story:nth-child(n) h3,.layout-workshop .space-stories .space-story:nth-child(n) h3{font-size:clamp(1.4rem,2.3vw,2rem);display:block}.layout-menu .space-story-detail>p,.layout-salon .space-story-detail>p,.layout-care .space-story-detail>p,.layout-workshop .space-story-detail>p{font-size:1rem;margin-top:20px;line-height:1.85;max-width:none}.layout-menu .space-section-icon,.layout-salon .space-section-icon,.layout-care .space-section-icon,.layout-workshop .space-section-icon{display:block;margin-bottom:20px}.layout-menu .space-section-icon svg,.layout-salon .space-section-icon svg,.layout-care .space-section-icon svg,.layout-workshop .space-section-icon svg{width:30px;height:30px}.layout-salon .space-stories{gap:30px}.layout-salon .space-stories .space-story:nth-child(even){background:var(--theme-panel-2)}.layout-salon .space-work-heading h2{font-family:Georgia,serif;font-weight:400}.layout-workshop .space-work{padding-top:40px;border-top:6px solid var(--accent)}.layout-workshop .space-stories .space-story:nth-child(n){border-radius:4px;border-top:4px solid var(--accent)}.layout-workshop .space-intro h1{font-weight:800;letter-spacing:-.06em}.layout-care .space-stories .space-story:nth-child(n){border-radius:24px;box-shadow:0 10px 30px #00000006}.layout-care .space-intro h1{font-size:clamp(2.5rem,5.3vw,4.6rem);line-height:1.12}.layout-care .space-work-heading{align-items:center}.layout-menu .space-story-visual,.layout-salon .space-story-visual,.layout-care .space-story-visual,.layout-workshop .space-story-visual{margin:0}.layout-menu .space-story-visual img,.layout-salon .space-story-visual img,.layout-care .space-story-visual img,.layout-workshop .space-story-visual img{aspect-ratio:4/3;object-fit:cover;width:100%}
.layout-bookflip .space-stories{display:block;perspective:1800px}.layout-bookflip .space-stories .space-story:nth-child(n){display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--theme-panel);padding:45px;border-radius:8px 24px 24px 8px;border:1px solid var(--theme-line);box-shadow:0 15px 40px #0001;margin-bottom:24px;position:relative;transform-origin:left center}.layout-bookflip .space-story-number{position:absolute;right:24px;bottom:20px;font-size:14px}.layout-bookflip .space-story-content{display:block;align-self:center}.layout-bookflip .space-stories .space-story:nth-child(n) h3{font:400 clamp(1.6rem,3vw,2.7rem)/1.2 Georgia,serif;letter-spacing:-.03em}.layout-bookflip .space-story-detail>p{font-size:1rem;line-height:1.9;margin-top:24px}.layout-bookflip .space-story-visual{margin:0;grid-column:1!important;grid-row:auto!important}.layout-bookflip .space-story-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.layout-bookflip .space-story.no-media .space-story-content{grid-column:1/-1;max-width:65ch;margin:auto}.tpl-book-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:25px 0;color:var(--theme-text);font-size:13px}.tpl-book-controls button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--theme-line);border-radius:99px;min-height:44px;min-width:44px;background:var(--theme-panel);color:var(--theme-text);font-size:22px;cursor:pointer}.tpl-book-controls button:disabled{opacity:.35;cursor:default}.tpl-page-turn{animation:tpl-turn .45s ease both}@keyframes tpl-turn{from{opacity:.2;transform:rotateY(-10deg) translateX(-12px)}to{opacity:1;transform:none}}
.tpl-picker{padding:24px;background:#efecf7;border:1px solid #dcd5ec;border-radius:18px;margin-bottom:28px;color:#18243b}.tpl-picker h3{margin-top:0;font-size:1.25rem}.tpl-picker p{font-size:14px;line-height:1.7;color:#59647a}.tpl-picker .tpl-picker-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.tpl-picker-preview{font-size:13px;color:#5e479d}.tpl-replace-confirm{margin-top:18px;padding:18px;border:1px solid #d9c99c;border-radius:12px;background:#fff9e9}.tpl-replace-confirm label{display:flex;align-items:flex-start;font-weight:400;line-height:1.6;gap:10px}.tpl-replace-confirm input{width:18px;height:18px;margin-top:2px;flex-shrink:0}.tpl-replace-confirm button{margin-top:16px}.tpl-context-note{background:#eee9f8;color:#44366e;border-radius:12px;padding:16px 20px;margin:20px 0;font-size:13px;line-height:1.6}.tpl-context-note a{color:#5144a0}.tpl-block-guide{font-size:11px;color:#64577c;background:#efebf7;border-radius:8px;padding:9px 12px;line-height:1.65;margin:8px 0}.tpl-ai-template{padding:16px;background:#eeebf8;border-radius:12px;font-size:13px;line-height:1.7;color:#41365b}.tpl-section-guide{display:grid;gap:10px;margin:16px 0;padding-left:20px;font-size:13px;line-height:1.65}.preview-device:is(.layout-menu,.layout-salon,.layout-workshop,.layout-care) .preview-blocks{grid-template-columns:1fr}.preview-device.layout-workshop .preview-block{border-top:3px solid var(--accent);border-radius:4px}.preview-device.layout-salon .preview-block:nth-child(even){background:var(--theme-panel-2)}.preview-device.layout-bookflip .preview-blocks{display:flex;overflow:auto;scroll-snap-type:x mandatory}.preview-device.layout-bookflip .preview-block{flex:0 0 90%;scroll-snap-align:start}.preview-device.layout-bookflip .preview-copy h2,.preview-device.layout-menu .preview-copy h2,.preview-device.layout-salon .preview-copy h2{font-family:Georgia,serif;font-weight:400}.layout-thumb-bookflip{grid-template-columns:1fr 1fr;gap:2px}.layout-thumb-menu{grid-template-columns:1fr 1fr}.layout-thumb-salon{background:#ead2df}.layout-thumb-workshop{background:#18243b}.layout-thumb-care{background:#d9ebe2}
.tpl-primary:focus-visible,.tpl-card a:focus-visible,.tpl-filter-button:focus-visible,.tpl-book-controls button:focus-visible,.tpl-filters :is(input,select):focus-visible{outline:3px solid #9b8ae2;outline-offset:4px}
@media(max-width:1039px){.tpl-hero-grid{gap:35px}.tpl-filters{grid-template-columns:1fr 1fr}.tpl-card-grid,.tpl-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-how-grid{gap:16px}.tpl-how-grid article{padding:22px}.layout-bookflip .space-stories .space-story:nth-child(n){padding:28px;gap:24px}}
@media(max-width:650px){.tpl-shell{padding-inline:20px}.tpl-library-hero{padding-block:45px!important}.tpl-hero-grid{grid-template-columns:1fr;gap:32px}.tpl-library-hero h1{font-size:3.1rem}.tpl-hero-art{gap:12px;transform:none}.tpl-hero-art span{min-height:100px;font-size:14px;border-radius:16px}.tpl-hero-art svg{width:24px;height:24px}.tpl-section-heading{display:block}.tpl-section-heading>div+div{margin-top:24px}.tpl-filters{grid-template-columns:1fr;padding:20px}.tpl-card-grid,.tpl-showcase-grid,.tpl-how-grid{grid-template-columns:1fr}.tpl-card-copy h3{font-size:23px}.tpl-collection>header{align-items:flex-start;flex-direction:column;gap:8px}.tpl-preview-toolbar{align-items:flex-start;flex-direction:column;padding:20px}.tpl-preview-toolbar .tpl-primary{width:100%}.tpl-preview-cover{height:230px!important}.tpl-preview-cover>span{bottom:16px;left:16px;right:16px;font-size:9px;text-align:center}.tpl-showcase,.tpl-how-band{padding-block:45px}.tpl-how-grid{margin-top:24px}.layout-menu .space-stories,.layout-salon .space-stories,.layout-workshop .space-stories,.layout-care .space-stories{grid-template-columns:1fr}.layout-bookflip .space-stories .space-story:nth-child(n){grid-template-columns:1fr;padding:22px 22px 45px;gap:25px}.layout-bookflip .space-story-visual img{aspect-ratio:4/3}.tpl-preview-next{padding:24px}.tpl-picker{padding:20px}.tpl-picker-actions .button{white-space:normal}.tpl-book-controls{gap:18px}.tpl-collection{padding-top:25px}.tpl-section-heading h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.tpl-page-turn{animation:none}.tpl-card-preview>img,.tpl-preview-overlay{transition:none}}