/* Studio foundations */
:root{--ink:#202c26;--muted:#5d6861;--line:#dfe5df;--paper:#ffffff;--canvas:#f6f7f5;--accent:#235b42;--accent-soft:#eaf3ed;--sans:'DM Sans',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif;--mono:'DM Mono',monospace;--sidebar-width:232px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .16s,border-color .16s,box-shadow .16s}button:disabled{cursor:default;opacity:.4}a{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #367852;outline-offset:3px}
input,textarea,select{width:100%;min-width:0;min-height:46px;border:1px solid #cbd5cd;border-radius:8px;background:var(--paper);padding:11px 12px;color:var(--ink);font-size:14px;line-height:1.5}
input:focus,textarea:focus,select:focus{outline:2px solid #367852;outline-offset:1px;border-color:var(--accent)}input:disabled{background:#f1f3f0;color:var(--muted)}input::placeholder,textarea::placeholder{color:#5d6861}textarea{resize:vertical;line-height:1.65}
label{display:grid;gap:7px;font-size:14px;font-weight:500;color:var(--ink)}label small{font-size:12px;font-weight:400;line-height:1.65;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}
.primary-button,.secondary-button,.quiet-button{border:1px solid transparent;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.primary-button{background:var(--accent);border-color:var(--accent);color:#ffffff}.primary-button:hover{background:#194830;border-color:#194830}.secondary-button{background:var(--paper);border-color:#cfd9d1;color:var(--ink)}.secondary-button:hover{background:#f0f5f0;border-color:#a7bcac}.quiet-button{background:none;color:var(--muted)}.quiet-button:hover{background:#edf1ec}
.text-button{border:0;background:none;padding:8px 0;color:var(--accent);font-size:13px;font-weight:600;line-height:1.5;min-height:40px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}
.icon-button{width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:7px;background:var(--paper);display:inline-grid;place-items:center;font-size:20px;color:var(--muted)}.icon-button:hover{background:#edf2ed}
.danger,.danger-button,.error-note,.auth-feedback{color:#9c4135!important}.danger-button{border-color:#e1bfb9}.busy{opacity:.65;pointer-events:none}

/* Navigation and page hierarchy */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#ffffff;border-right:1px solid var(--line);padding:28px 16px 20px;display:flex;flex-direction:column;overflow-y:auto;z-index:20}
.brand{display:flex;align-items:center;gap:10px;padding:0 10px 29px;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand>span:last-child>span{color:var(--accent)}
.brand-mark{display:flex;align-items:center;justify-content:center;gap:3px;width:29px;height:29px;border-radius:9px;background:var(--accent)}.brand-mark i{width:3px;height:11px;background:#ffffff;border-radius:1px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:8px}
.workspace-switcher{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px;background:#f6f8f4;border:1px solid var(--line);border-radius:9px;width:100%;min-height:64px}.workspace-switcher>span:nth-child(2),.profile>span:nth-child(2){flex:1;min-width:0}.workspace-switcher strong,.workspace-switcher small,.profile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher strong{font-size:13px;font-weight:600}.workspace-switcher small{font-size:11px;color:var(--muted);margin-top:3px}
.avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:#dcecdf;color:var(--accent);font-size:11px;font-weight:600}.avatar.dark{background:#254b37;color:#ffffff}
.sidebar-label{color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:600;margin:30px 10px 10px}.side-nav{display:grid;gap:5px}
.nav-item{display:flex;align-items:center;gap:9px;min-height:45px;padding:11px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;text-align:left}.nav-item>span{width:21px;font-size:20px;text-align:center}.nav-item:hover{background:#f3f6f1}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item em{margin-left:auto;font-size:11px;font-style:normal;background:#edf1eb;border-radius:5px;padding:1px 6px;color:var(--muted)}.nav-item.active em{background:#d8e9dc;color:var(--accent)}
.sidebar-note{padding:19px 12px;margin:32px 0 25px;border-radius:10px;background:#f7f8f5;border:1px solid #e5e9e2}.sidebar-note>span{display:block;font-size:24px;color:var(--accent);margin-bottom:8px}.sidebar-note strong{display:block;font-size:13px}.sidebar-note p{color:var(--muted);font-size:12px;line-height:1.75;margin:7px 0 10px}.sidebar-note button{border:0;background:none;padding:6px 0;color:var(--accent);font-size:12px;font-weight:600;min-height:36px}
.sidebar-bottom{margin-top:auto}.local-indicator{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin:0 6px 16px}.local-indicator i,.autosave i{width:6px;height:6px;flex:none;border-radius:50%;background:#43865b}.profile{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:17px 2px 0}.profile strong{font-size:12px}.profile small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:3px}
.main-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px;padding:14px 32px;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-actions{display:flex;align-items:center;gap:8px;flex:none}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px}.breadcrumb button{border:0;background:none;padding:8px 0;font-size:13px;color:var(--muted)}.breadcrumb>span{color:var(--muted)}.breadcrumb strong{max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}
.autosave{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-right:10px}.autosave.saving i{background:#b48437}.autosave.error{color:#9c4135}.connection-status{font-size:11px;color:var(--muted);max-width:130px}.connection-status:empty{display:none}.mobile-menu,.mobile-editor-bar,.nav-backdrop{display:none}
.view{max-width:1600px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:31px 32px 25px}.eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1.5;margin:0 0 9px}.page-intro h1,.view-header h1{font:600 32px/1.15 var(--sans);letter-spacing:-1px;margin:0 0 10px}.lede{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.pricing-note{display:flex;align-items:center;gap:11px;padding:15px 17px;border-radius:9px;background:var(--accent-soft);color:var(--accent);flex:none}.pricing-note>span{display:grid;place-items:center;background:#d8eadf;border-radius:50%;width:28px;height:28px;font-size:14px;font-weight:700}.pricing-note strong{display:block;font-size:13px;font-weight:600}.pricing-note p{color:var(--muted);font-size:12px;margin:3px 0 0}
.studio-tabs{display:flex;gap:5px;align-items:center;padding:0 32px 24px;scroll-margin-top:94px}.studio-tabs button{display:flex;align-items:center;gap:8px;min-height:43px;padding:10px 15px;background:none;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted)}.studio-tabs button:hover{background:#edf2ec}.studio-tabs button.active{background:var(--paper);border-color:#cadace;color:var(--accent);font-weight:600;box-shadow:0 2px 5px #1c3b2706}.studio-tabs span{font-size:10px;font-weight:600;opacity:.8}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:26px;padding:0 32px 80px;align-items:start}.editor-column{min-width:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}.panel-heading>div:nth-child(2){flex:1;min-width:0}.panel-heading>.step-number,.panel-heading .eyebrow{display:none}.panel-heading h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:0 0 8px}.panel-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7;margin:0;max-width:430px}.panel-heading>.text-button{align-self:center;white-space:nowrap}.history-actions{display:flex;gap:5px}.context-note{font-size:12px;color:var(--muted);line-height:1.75;margin:16px 0 0}

/* Content editor */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.full-width{grid-column:1/-1}
.readiness{display:flex;align-items:center;justify-content:space-between;gap:13px;background:#f5f8f2;border:1px solid #e2e9dc;padding:14px 15px;border-radius:8px;margin:24px 0}.readiness>div{display:grid;grid-template-columns:7px 1fr;align-items:center;gap:4px 9px;min-width:0}.readiness strong{font-size:12px;font-weight:600}.readiness small{grid-column:2;font-size:12px;color:var(--muted);line-height:1.6}.readiness-dot{width:6px;height:6px;background:#4b805a;border-radius:50%}.readiness-dot.needs-work{background:#b38648}.readiness .text-button{max-width:160px;font-size:12px;text-align:right;flex:none}
.cover-editor{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border:1px dashed #cbd6ca;background:#fafbf8;padding:15px;border-radius:9px;margin:22px 0 9px}.cover-thumb{display:grid;place-items:center;width:58px;height:66px;flex:none;border-radius:6px;background:#e9eee5;color:var(--muted);font-size:23px;overflow:hidden}.cover-thumb img{width:100%;height:100%;object-fit:cover}.cover-editor>div:nth-child(2){flex:1;min-width:150px}.cover-editor strong{font-size:13px;font-weight:600}.cover-editor small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:4px}.cover-editor button{font-size:12px}
.hero-details{margin:0 0 24px;border-bottom:1px solid var(--line);padding-bottom:12px}.hero-details>summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;padding:14px 0;gap:16px;font-size:13px;color:var(--muted)}.hero-details>summary::-webkit-details-marker{display:none}.hero-details>summary span{font-size:18px}.hero-details[open]>summary span{transform:rotate(45deg)}.hero-details>.form-grid{padding:8px 0}
.sections-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:26px 0 16px}.sections-head h3{font-size:16px;margin:0}.sections-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.sections-head .secondary-button{font-size:12px;padding:10px 12px}.block-editor{display:grid;gap:12px}
.block-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper)}.block-card>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:15px 12px;min-height:75px}.block-card>summary::-webkit-details-marker{display:none}.block-card[open]>summary{background:#f5f8f2;border-bottom:1px solid var(--line)}.block-icon{display:grid;place-items:center;width:34px;height:36px;flex:none;border-radius:7px;background:#edf2e8;color:var(--muted);font-size:21px}.block-title{flex:1;min-width:0}.block-title strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-title small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}
.block-controls,.item-actions{display:flex;gap:2px;flex:none}.block-controls button,.item-actions button{border:0;background:none;min-width:31px;min-height:36px;padding:2px;border-radius:5px;color:var(--muted);font-size:17px}.block-controls button:hover,.item-actions button:hover{background:#e5ede0;color:var(--accent)}.block-controls button.danger:hover{background:#f8e8e3}
.block-fields{display:grid;gap:15px;padding:20px 15px;background:#fafbf8}.block-fields>.form-grid{margin-bottom:3px}.block-fields .form-grid{gap:17px 13px}.item-editor{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.item-head{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:11px 10px;min-height:58px}.item-head::-webkit-details-marker{display:none}.item-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.item-index{font-size:11px;color:var(--muted)}.item-price{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.item-editor[open]>.item-head{border-bottom:1px solid var(--line);background:#f4f7f0}.item-editor>.form-grid{padding:18px 13px;margin:0}.item-editor label{font-size:13px}
.add-item-button{width:100%;min-height:45px;border:1px dashed #b9cdb8;border-radius:8px;padding:12px;background:#f2f7ee;color:var(--accent);font-size:13px;font-weight:500}.add-item-button:hover{background:#e8f0e3}
.inline-media{display:flex;align-items:center;gap:13px;padding:13px;background:#f2f6ee;border:1px solid #dfe8d9;border-radius:8px;min-width:0}.inline-media-preview{display:grid;place-items:center;flex:none;width:68px;height:84px;background:#e3ebdc;border-radius:5px;overflow:hidden;font-size:25px;color:var(--muted)}.inline-media-preview img{width:100%;height:100%;object-fit:cover;display:block}.inline-media-copy{min-width:0}.inline-media-copy strong{display:block;font-size:13px;margin-bottom:4px}.inline-media-copy small{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.6}.inline-media-copy>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}.inline-media-copy button{font-size:12px;min-height:38px;padding:7px 10px}.inline-media-copy .text-button{padding-inline:0}.media-url-field{font-size:12px;color:var(--muted);margin-top:-3px}.media-url-field summary{padding:7px 0;cursor:pointer}.media-url-field label{margin-top:8px}
.slug-field{display:flex;align-items:stretch;border:1px solid #cbd5cd;border-radius:8px;overflow:hidden;background:var(--paper)}.slug-field>span{padding:13px 10px;background:#f1f5ed;color:var(--muted);font-size:13px;white-space:nowrap}.slug-field input{border:0;border-radius:0;min-width:0}.color-field{display:flex;align-items:center;gap:12px;min-height:46px}.color-field input{width:52px;padding:4px;height:44px;min-height:0}.color-field button{font-size:12px}.toggle-row{display:flex;align-items:center;gap:10px;padding-top:23px;font-size:13px}.toggle-row input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}

/* Free editing and product publishing */
.publish-pricing{margin-top:28px;padding:21px;border:1px solid #dce7dd;border-radius:10px;background:#f6f9f3}.publish-pricing-heading{display:flex;gap:12px;align-items:flex-start}.publish-pricing-heading>span{font-size:24px;color:var(--accent);line-height:1.2}.publish-pricing-heading strong{display:block;font-size:15px}.publish-pricing-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}
.pricing-tiers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.price-tier{display:grid;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px}.price-tier>span{font-size:12px;font-weight:500;color:var(--muted)}.price-tier>strong{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.7px;color:var(--accent)}.price-tier>strong small{font-size:14px;font-weight:500;letter-spacing:0}.price-tier>small{font-size:11px;color:var(--muted);line-height:1.6}.price-tier del{font-size:13px;font-weight:400;color:var(--muted)}.price-caption{font-size:12px;color:var(--muted);line-height:1.75;margin:9px 0 0}
.payment-summary{padding:22px;background:#f4f8f1;border:1px solid #dce6d8;border-radius:11px;margin:22px 0}.payment-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:38px;font-weight:600;letter-spacing:-1px;color:var(--accent);line-height:1.2}.payment-price small{flex-basis:100%;font-size:13px;font-weight:400;letter-spacing:0}.payment-price del{font-size:17px;font-weight:400;color:var(--muted);margin-right:9px}.payment-includes{display:grid;gap:9px;list-style:none;padding:0;margin:18px 0 0;color:var(--muted);font-size:13px}.payment-includes li{display:flex;gap:8px;line-height:1.6}.payment-note{font-size:12px!important;line-height:1.75!important;padding:13px 15px;background:#f8f6ee;border:1px solid #e7e1ce;border-radius:8px}.payment-summary>p:last-child{margin-bottom:0}

/* Template selection */
.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-card{position:relative;border:1px solid var(--line);border-radius:9px;background:var(--paper);text-align:left;padding:18px 15px;min-height:120px}.type-card:hover{border-color:#a5bba5;background:#fafcf7}.type-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#f1f7ee}.type-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#edf2e7;color:var(--accent);font-size:19px;margin-bottom:10px}.type-card strong{display:block;font-size:14px}.type-card small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}.type-card.selected:after{content:'✓';position:absolute;top:15px;right:13px;color:var(--accent);font-weight:600}
.creative-direction{position:relative;padding:20px;border-radius:9px;background:#edf4e8;color:var(--ink);border:1px solid #dbe7d6}.creative-direction>span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.creative-direction>strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.6px;margin-top:6px}.creative-direction>p{font-size:13px;color:var(--muted);line-height:1.75;margin:9px 0 0;max-width:500px}.art-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 14px}.art-controls label{font-size:13px}.art-controls select{font-size:13px}
.template-filter{display:flex;flex-wrap:wrap;gap:7px}.template-filter button{min-height:38px;padding:8px 13px;border:1px solid #d9e1d7;border-radius:7px;background:var(--paper);color:var(--muted);font-size:12px;white-space:nowrap}.template-filter button:hover{background:#f1f6ed;border-color:#b5c8b2}.template-filter button.active{background:var(--accent-soft);border-color:#93b19a;color:var(--accent);font-weight:600}
#editorStyles{margin-top:21px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.template-card{display:block;position:relative;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:7px;text-align:left}.template-card:hover{border-color:#a9bda5;box-shadow:0 4px 12px #1b422409}.template-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.template-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:13px 6px 8px}.template-meta strong{font-size:13px;font-weight:600}.template-meta small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.template-check{display:none;width:21px;height:21px;line-height:21px;text-align:center;flex:none;background:var(--accent);color:#ffffff;border-radius:50%;font-size:12px}.selected .template-check{display:block}.small-empty{padding:24px 0;font-size:13px;color:var(--muted)}
.template-preview{height:205px;border-radius:7px;overflow:hidden;background:var(--t-bg);color:var(--t-ink);position:relative;pointer-events:none}.mini-hero{background:var(--t-hero);height:139px;padding:16px 18px;position:relative;overflow:hidden}.mini-hero>small{display:block;font:7px var(--mono);letter-spacing:.08em;position:relative;z-index:1}.mini-hero>strong{display:block;font:500 25px/.97 var(--t-font);letter-spacing:-1px;margin:23px 0 0;position:relative;z-index:1;max-width:84%}.mini-hero>em{position:absolute;right:15px;bottom:13px;font-style:normal;font-size:28px;opacity:.6}.mini-hero:before{content:'';width:120px;height:120px;border:1px solid currentColor;opacity:.15;border-radius:50%;right:-30px;top:-35px;position:absolute}.mini-body{padding:10px 17px;display:grid;gap:7px}.mini-row{height:6px;display:flex;justify-content:space-between;gap:12px}.mini-row i{height:3px;width:56%;background:currentColor;opacity:.2}.mini-row b{height:3px;width:12%;background:currentColor;opacity:.4}.mini-date{display:flex;gap:9px;align-items:center}.mini-date>strong{font:23px var(--serif)}.mini-date i{width:50%;height:4px;background:currentColor;opacity:.2}.mini-links{display:grid;gap:5px}.mini-links i{height:9px;border:1px solid currentColor;opacity:.25;border-radius:3px}.mini-products{display:flex;gap:6px}.mini-products i{height:40px;flex:1;background:currentColor;opacity:.17;position:relative}.mini-products i:after{content:'';position:absolute;inset:8px 30%;background:var(--t-bg);border-radius:50% 50% 15% 15%}.mini-text{width:83%;height:4px;background:currentColor;opacity:.18;box-shadow:0 8px 0 currentColor,0 16px 0 currentColor}.mini-layout-poster .mini-hero>strong{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:29px;letter-spacing:-1.5px;margin-top:20px}.mini-layout-poster .mini-hero>em{font-size:46px;right:-3px;bottom:0}.mini-layout-minimal .mini-hero{background:var(--t-bg);border-bottom:1px solid color-mix(in srgb,var(--t-ink) 20%,transparent)}.mini-layout-invitation .mini-hero{text-align:center}.mini-layout-invitation .mini-hero>strong{margin:19px auto 0;max-width:100%;font-size:31px}.mini-layout-invitation .mini-hero>em{font-size:15px;right:calc(50% - 7px);bottom:12px}.mini-layout-arch .mini-hero{border-radius:0 0 50% 50%/0 0 14% 14%;text-align:center}.mini-layout-arch .mini-hero>strong{max-width:100%;margin-top:22px}.mini-layout-profile .mini-hero{text-align:center}.mini-layout-profile .mini-hero>strong{font-size:22px;margin:14px auto 0}.mini-layout-profile .mini-hero>small:before{content:'◒';display:block;font-size:29px;margin-bottom:8px}.mini-layout-profile .mini-hero>em{display:none}.mini-layout-split .mini-hero{border-left:9px solid var(--t-ink)}.mini-layout-magazine .mini-hero{border-bottom:1px solid var(--t-ink)}.mini-layout-magazine .mini-hero>small{border-bottom:1px solid color-mix(in srgb,var(--t-ink) 25%,transparent);padding-bottom:8px}.mini-layout-magazine .mini-hero>strong{margin-top:14px}.mini-motif-frame .mini-hero:before{inset:8px;width:auto;height:auto;border-radius:0;opacity:.25}.mini-motif-square .mini-hero:before{border-radius:0;background:currentColor;transform:rotate(14deg);opacity:.1;right:-10px;top:-35px}.mini-motif-arch .mini-hero:before{inset:8px 24%;height:150px;width:auto;border-radius:100px 100px 0 0;opacity:.22}.mini-motif-stripe .mini-hero:before{border:0;border-radius:0;right:0;top:0;height:100%;width:25%;background:repeating-linear-gradient(90deg,transparent 0 6px,currentColor 6px 7px)}.mini-motif-none .mini-hero:before{display:none}
.template-preview.photo-preview{position:relative;isolation:isolate;overflow:hidden}.photo-preview>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.photo-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#000b);z-index:0}.photo-preview-copy{position:absolute;inset:0;z-index:1;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.photo-preview-copy small{font:6px var(--mono);letter-spacing:1px;margin-bottom:12px;opacity:.85}.photo-preview-copy strong{font:500 32px/.98 var(--serif);letter-spacing:-1px;max-width:95%;overflow-wrap:anywhere}.photo-preview-copy>span{font-size:7px;line-height:1.6;max-width:95%;margin-top:11px;opacity:.85}.photo-preview-number{position:absolute;top:13px;right:12px;color:#fff;font:6px var(--mono);letter-spacing:1px;z-index:2}.photo-editorial>img,.photo-architecture>img{inset:0 0 0 auto;width:62%;height:100%}.photo-editorial:after,.photo-architecture:after{background:linear-gradient(90deg,var(--t-bg) 10%,transparent 70%)}.photo-editorial .photo-preview-copy,.photo-architecture .photo-preview-copy{color:var(--t-ink);justify-content:center;max-width:78%;padding:15px}.photo-editorial .photo-preview-copy strong{font-size:32px}.photo-editorial .photo-preview-copy small{max-width:70%;line-height:1.6}.photo-architecture>img{height:65%;width:100%;top:auto;bottom:0}.photo-architecture:after{display:none}.photo-architecture .photo-preview-copy{justify-content:flex-start;max-width:100%}.photo-architecture .photo-preview-copy strong{font-size:28px}.photo-architecture .photo-preview-copy small{margin-bottom:8px}.photo-architecture .photo-preview-copy>span{display:none}.photo-invitation>img{inset:9% 18% auto;width:64%;height:61%;border-radius:100px 100px 0 0}.photo-invitation:after{display:none}.photo-invitation .photo-preview-copy{align-items:center;text-align:center;color:var(--t-ink);padding:15px}.photo-invitation .photo-preview-copy strong{font-size:26px}.photo-invitation .photo-preview-copy small{font-size:6px;margin-bottom:7px}.photo-invitation .photo-preview-copy>span{display:none}.photo-invitation .photo-preview-number{color:var(--t-ink)}.photo-runway>img{width:68%;left:16%;object-position:top}.photo-runway:after{background:linear-gradient(0deg,#0007,transparent)}.photo-runway .photo-preview-copy{padding:15px 9px}.photo-runway .photo-preview-copy strong{font-family:var(--sans);font-size:35px;font-weight:700;text-transform:uppercase;letter-spacing:-2px}.photo-gallery>img{inset:14px;width:calc(100% - 28px);height:calc(100% - 60px)}.photo-gallery:after{display:none}.photo-gallery .photo-preview-copy{padding:12px 14px;color:var(--t-ink)}.photo-gallery .photo-preview-copy strong{font-size:21px}.photo-gallery .photo-preview-copy small,.photo-gallery .photo-preview-copy>span{display:none}.photo-service>img{width:60%;left:40%;border-radius:100px 0 0 0}.photo-service:after{background:linear-gradient(90deg,var(--t-bg),transparent 90%)}.photo-service .photo-preview-copy{color:var(--t-ink);max-width:85%}.photo-portrait>img{object-position:center 25%}.photo-portrait .photo-preview-copy strong{font-size:30px}.library-card .photo-preview{height:290px}.library-card .photo-preview-copy strong{font-size:34px}.library-card .photo-gallery .photo-preview-copy strong{font-size:23px}.library-card .photo-invitation .photo-preview-copy strong{font-size:27px}.library-card .photo-architecture .photo-preview-copy strong{font-size:26px}.library-card .photo-runway .photo-preview-copy strong{font-size:42px}.page-card .photo-preview{height:235px}.page-card .photo-preview-copy strong{font-size:36px}

/* Additional compositions retain the layout of their full-size designs. */
.photo-card>img{width:34%;height:34%;inset:12% 33% auto;border-radius:50%;object-position:center 25%}.photo-card:after{display:none}.photo-card .photo-preview-copy{color:var(--t-ink);text-align:center;align-items:center;padding:13px 15px 22px}.photo-card .photo-preview-copy strong{font-family:var(--sans);font-size:27px;letter-spacing:-1px}.photo-card .photo-preview-copy small{font-size:6px;margin-bottom:9px}.photo-card .photo-preview-copy>span{font-size:7px;margin-top:10px}.photo-card .photo-preview-number{color:var(--t-ink)}
.photo-frame>img{width:60%;height:49%;inset:auto 20% 10%;border-radius:48% 48% 2px 2px}.photo-frame:after{inset:8px;background:none;border:1px solid var(--t-ink);opacity:.35}.photo-frame .photo-preview-copy{color:var(--t-ink);text-align:center;align-items:center;justify-content:flex-start;padding:22px 16px}.photo-frame .photo-preview-copy strong{font-size:27px;font-weight:400}.photo-frame .photo-preview-copy small{font-size:5px;letter-spacing:1px;margin-bottom:9px}.photo-frame .photo-preview-copy>span{display:none}.photo-frame .photo-preview-number{display:none}
.photo-poster>img{inset:auto 0 0;width:100%;height:43%}.photo-poster:after{display:none}.photo-poster .photo-preview-copy{color:var(--t-ink);justify-content:flex-start;padding:19px 15px}.photo-poster .photo-preview-copy strong{font:700 35px/.96 var(--sans);letter-spacing:-1.7px;max-width:100%}.photo-poster .photo-preview-copy small{margin-bottom:12px}.photo-poster .photo-preview-copy>span{display:none}.photo-poster .photo-preview-number{color:var(--t-ink)}
.photo-journal>img{inset:auto 6% 7%;width:88%;height:44%}.photo-journal:after{display:none}.photo-journal .photo-preview-copy{color:var(--t-ink);align-items:center;text-align:center;justify-content:flex-start;padding:21px 12px}.photo-journal .photo-preview-copy strong{font-size:32px;font-weight:400}.photo-journal .photo-preview-copy small{margin-bottom:10px;padding-bottom:9px;width:100%;border-bottom:1px solid currentColor;font-size:5px}.photo-journal .photo-preview-copy>span{display:none}.photo-journal .photo-preview-number{display:none}
.photo-directory>img{width:34%;height:31%;inset:11% 7% auto auto;border-radius:5px}.photo-directory:after{inset:53% 8% 6%;background:repeating-linear-gradient(to bottom,var(--t-ink) 0 1px,transparent 1px 27px);opacity:.2}.photo-directory .photo-preview-copy{color:var(--t-ink);justify-content:flex-start;max-width:63%;padding:27px 10px 12px 15px}.photo-directory .photo-preview-copy strong{font:600 24px/1.05 var(--sans);letter-spacing:-1px}.photo-directory .photo-preview-copy small{font-size:5px;margin-bottom:10px;line-height:1.5}.photo-directory .photo-preview-copy>span{display:none}.photo-directory .photo-preview-number{display:none}
.library-card .photo-card .photo-preview-copy strong,.library-card .photo-frame .photo-preview-copy strong{font-size:27px}.library-card .photo-poster .photo-preview-copy strong{font-size:34px}.library-card .photo-journal .photo-preview-copy strong{font-size:30px}.library-card .photo-directory .photo-preview-copy strong{font-size:25px}

/* Live preview */
.preview-column{position:sticky;top:97px;min-width:0;background:#eef1eb;border:1px solid #e0e6dc;border-radius:12px;padding:17px 17px 14px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:7px}.preview-toolbar>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.07em;white-space:nowrap}.preview-toolbar i{width:5px;height:5px;flex:none;background:#43865b;border-radius:50%}.preview-toolbar>.icon-button{width:32px;height:36px;background:none;border:0}
.preview-modes{display:flex;gap:2px;padding:3px;background:#e6ece1;border:1px solid #d8e1d3;border-radius:7px}.preview-modes button{min-height:34px;padding:6px 9px;border:0;border-radius:5px;background:none;font-size:11px;color:var(--muted)}.preview-modes button.active{background:var(--paper);color:var(--accent);font-weight:500;box-shadow:0 1px 3px #1939200d}
.preview-label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;padding:15px 4px 11px}.phone-frame{background:#29352d;border:1px solid #384f3b;border-radius:29px;padding:7px;width:100%;max-width:400px;margin-inline:auto;overflow:hidden;box-shadow:0 12px 25px #21342312}.phone-status{display:flex;align-items:center;justify-content:space-between;color:#ffffff;height:23px;padding:0 15px;font-size:8px}.phone-status i{display:none}.phone-frame iframe{display:block;width:100%;height:min(660px,calc(100vh - 254px));min-height:400px;border:0;border-radius:0 0 21px 21px;background:var(--paper)}.phone-frame.desktop-preview{max-width:none;border-radius:9px}.desktop-preview .phone-status{display:none}.desktop-preview iframe{border-radius:0}.preview-footnote{display:flex;align-items:center;gap:8px;margin:13px 3px 0;color:var(--muted)}.preview-footnote>span{font-size:17px}.preview-footnote p{font-size:11px;line-height:1.6;margin:0}

/* Full views, search and library */
.full-view{padding:38px 32px 85px}.view-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:29px}.view-header h1{font-size:32px;max-width:660px}.view-header p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.75;margin:0}.count-badge{display:flex;align-items:center;gap:9px;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted);white-space:nowrap}.count-badge strong{font-size:27px;font-weight:600;color:var(--accent)}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.search-field{display:flex;align-items:center;min-width:0;width:100%;max-width:390px;padding-left:13px;gap:5px;background:var(--paper);border:1px solid #cfd9ce;border-radius:8px}.search-field>span{font-size:24px;color:var(--muted)}.search-field input{border:0;background:none;min-height:46px;font-size:14px;padding:11px 12px}.search-field:focus-within{outline:2px solid #367852;outline-offset:1px}.search-field input:focus{outline:none}
.library-controls{display:grid;gap:17px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:11px}.library-controls .search-field{max-width:none;background:#fafcf8}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.library-toolbar>span{font-size:12px;color:var(--muted)}.library-toolbar button[aria-pressed=true]{background:var(--accent-soft);border-color:#a2bea6;color:var(--accent)}.results-label{font-size:12px;color:var(--muted);margin:23px 0 15px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-card{position:relative;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--paper);min-width:0}.library-card .template-preview{height:260px;cursor:pointer;pointer-events:auto}.library-card .mini-hero{height:180px}.library-card .mini-hero>strong{font-size:32px;margin-top:34px}.library-card .mini-body{padding-top:14px}.library-card .template-meta{padding:15px 7px 14px}.library-card .card-actions{display:flex;gap:7px;padding:0 5px 6px}.library-card .card-actions button{min-width:0;flex:1;font-size:12px;min-height:42px;padding:9px 10px}.favorite-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e0e7dc;border-radius:50%;background:var(--paper);color:var(--muted);font-size:21px;flex:none}.favorite-button[aria-pressed=true]{color:var(--accent);border-color:#98b49b;background:#edf5e9}.favorite-button:hover{background:#e7f0e1}.library-card>.favorite-button{position:absolute;right:18px;top:18px;z-index:3;box-shadow:0 2px 10px #213b2910}.library-card .card-actions .favorite-button{flex:none;padding:0;min-width:40px}.library-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:30px 0 0}.library-pagination button{min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:13px;padding:9px 13px}.library-pagination button.active,.library-pagination button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#ffffff}.library-pagination span{font-size:12px;color:var(--muted);padding:0 8px}
.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.page-card{border:1px solid var(--line);background:var(--paper);border-radius:11px;overflow:hidden}.page-card .template-preview{height:220px;border-radius:0;cursor:pointer;pointer-events:auto}.page-card .mini-hero{height:150px}.page-card-content{padding:19px}.page-card-content>div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.page-card h3{font-size:16px;margin:0}.page-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0 18px}.status-badge{flex:none;padding:4px 7px;border-radius:5px;background:#f0f3ec;color:var(--muted);font-size:10px;line-height:1.5}.status-badge.published{background:#e6f1e5;color:var(--accent)}.page-card-actions{display:flex;gap:7px;flex-wrap:wrap}.page-card-actions button{font-size:12px;padding:9px 11px;min-height:40px}.page-card-actions .icon-button{margin-left:auto;padding:0}
.empty-state{grid-column:1/-1;text-align:center;padding:50px 24px;border:1px dashed #ccd8c6;border-radius:11px;background:#f8fbf4}.empty-state>span{display:block;font-size:36px;color:var(--muted);margin-bottom:14px}.empty-state h2{font-size:24px;letter-spacing:-.6px;margin-bottom:12px}.empty-state p{font-size:14px;line-height:1.75;color:var(--muted)}.empty-state button{margin-top:8px}

/* Media, reporting and account settings */
.upload-drop{display:flex;align-items:center;gap:25px;padding:31px;border:1px dashed #bfd0b7;border-radius:11px;background:#f3f8ed}.upload-drop.dragover{background:#e8f2e0;border-color:var(--accent)}.upload-drop>span{font-size:37px;color:var(--muted)}.upload-drop>div{flex:1}.upload-drop strong{font-size:16px}.upload-drop p{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 0}
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}.media-card{overflow:hidden;border:1px solid var(--line);background:var(--paper);border-radius:10px}.media-card img{display:block;width:100%;height:185px;object-fit:cover;background:#edf2e5}.media-card>div{padding:15px}.media-card strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card small{display:block;font-size:11px;color:var(--muted);margin:7px 0 13px}.media-card button{font-size:12px;padding:8px 10px;min-height:39px}.media-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.media-card-actions .icon-button{padding:0;flex:none}
.stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:25px}.stat-card{padding:24px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.stat-card>span{font-size:12px;color:var(--muted)}.stat-card strong{display:block;color:var(--accent);font-size:42px;font-weight:600;line-height:1.2;margin:17px 0 12px}.stat-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th{text-align:left;font-size:11px;font-weight:500;color:var(--muted);padding:14px 12px;border-bottom:1px solid var(--line)}.stats-table td{padding:16px 12px;border-bottom:1px solid var(--line)}.stats-table td:not(:first-child){color:var(--muted);font-variant-numeric:tabular-nums}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px}.settings-grid h2{font-size:22px;letter-spacing:-.5px}.settings-grid form{display:grid;gap:21px}.settings-grid form button{justify-self:start;margin-top:6px}.settings-description{font-size:14px;line-height:1.85;color:var(--muted);margin:18px 0 25px}.settings-symbol{display:block;color:var(--accent);font-size:40px;margin-bottom:25px}.settings-grid .text-button{display:block;margin:22px 0}.import-button{display:inline-flex;width:max-content}

/* Optional first-visit introduction. Native dialog contains keyboard focus. */
.tour-launch{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin-bottom:13px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);text-align:left;font-weight:500;font-size:13px}.tour-launch>span{font-size:18px;color:var(--accent)}.tour-launch:hover{background:var(--accent-soft)}
.intro-tour{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:var(--ink);pointer-events:none}.intro-tour::backdrop{background:transparent}.intro-tour[open]{display:block}.intro-tour::before{content:'';position:absolute;inset:0;background:#202c2659}.intro-tour:has(.tour-spotlight:not([hidden]))::before{display:none}
.tour-spotlight{position:absolute;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 100vmax #202c2659;pointer-events:none}.tour-card{position:absolute;width:min(360px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 20px 70px #202c2630;pointer-events:auto}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-top .eyebrow{margin:0;font-size:10px}.tour-top>span:last-child{font:11px var(--mono);color:var(--muted)}.tour-progress{display:flex;gap:5px;margin:14px 0 22px}.tour-progress>span{height:4px;flex:1;background:var(--line);border-radius:3px}.tour-progress>span.active{background:var(--accent)}.tour-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:25px}.tour-copy h2{font-size:23px;letter-spacing:-.5px;margin:0 0 12px}.tour-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.tour-hint{font-size:12px;line-height:1.65;color:var(--muted);margin:18px 0 0}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.tour-actions>div{display:flex;gap:8px}.tour-actions>.text-button{padding-inline:8px;color:var(--muted)}.tour-actions .secondary-button,.tour-actions .primary-button{padding-inline:12px}
@media(max-width:760px){.tour-card{padding:20px}.tour-copy h2{font-size:21px}.tour-copy p{font-size:13px}.tour-icon{margin-bottom:12px}.tour-progress{margin-bottom:16px}.tour-actions{gap:8px}.tour-actions .secondary-button,.tour-actions .primary-button{font-size:12px;padding-inline:10px}}

/* Dialogs and feedback */
.app-dialog{position:fixed;border:1px solid var(--line);border-radius:15px;padding:32px;width:min(570px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #1d322a30}.app-dialog::backdrop,.preview-dialog::backdrop{background:#12281b66;backdrop-filter:blur(3px)}.app-dialog h2{font:600 28px/1.2 var(--sans);letter-spacing:-.7px;margin:0 26px 14px 0}.app-dialog p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5ed;color:var(--muted);font-size:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:25px}.app-dialog form{display:grid;gap:18px;margin-top:24px}.auth-dialog>.text-button{margin-top:18px}.auth-feedback{min-height:22px}.dialog-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px}.dialog-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#f7faf3;padding:17px 14px;font-size:13px}.dialog-option>span{font-size:25px;color:var(--accent)}.dialog-option:hover{background:#eef5e7}.dialog-option small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.dialog-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:23px 0}.dialog-media-grid button{padding:0;border:1px solid var(--line);background:none;border-radius:8px;overflow:hidden}.dialog-media-grid img{display:block;width:100%;height:112px;object-fit:cover}.media-picker-empty{grid-column:1/-1;padding:26px 18px;text-align:center;border-radius:9px;background:#f2f7eb}.media-picker-empty>span{display:block;font-size:35px;color:var(--muted);margin-bottom:14px}.media-picker-empty>strong{font-size:16px}.media-picker-empty>p{max-width:350px;margin:12px auto}
.share-url{display:flex;align-items:center;gap:9px;padding:10px;background:#f5f9ef;border:1px solid #dce5d3;border-radius:8px;margin:21px 0}.share-url input{border:0;background:none;min-width:0;padding:7px;font-size:12px;color:var(--muted)}.share-url button{font-size:12px;padding:9px 12px}.qr-area{display:flex;align-items:center;gap:22px;margin:23px 0}.qr-area img{width:140px;height:140px;border:8px solid #ffffff;border-radius:9px}.qr-area strong{font-size:15px}.qr-area p{font-size:12px!important}.qr-area>div>div{display:flex;gap:7px;flex-wrap:wrap}.qr-area button{font-size:12px;padding:9px 11px}.validation-list{padding-left:20px;color:#9c4135}.validation-list li{font-size:13px;line-height:1.9}
.preview-dialog{border:0;border-radius:13px;padding:0;background:#eaf0e5;width:min(1240px,calc(100vw - 32px));height:91dvh;max-width:none;overflow:hidden}.preview-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px;height:70px;padding:0 22px;background:var(--paper);border-bottom:1px solid var(--line)}.preview-dialog header strong{display:block;font-size:14px}.preview-dialog header small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.full-preview-wrap{display:flex;justify-content:center;height:calc(100% - 70px);padding:20px}.full-preview-wrap iframe{display:block;width:390px;max-width:100%;height:100%;border:0;border-radius:10px;background:var(--paper);box-shadow:0 8px 30px #18381e0a}.full-preview-wrap.desktop iframe{width:100%}
.toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar-width)/2);z-index:80;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:calc(100vw - 40px);padding:14px 19px;border-radius:9px;background:#253a2c;color:#ffffff;font-size:13px;line-height:1.6;text-align:center;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.workspace-list{display:grid;gap:9px;margin:23px 0}.workspace-list button{padding:16px;text-align:left;background:#f5f9ed;border:1px solid #dce5d2;border-radius:8px;font-size:14px}.workspace-list small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.loading-state{padding:40px;text-align:center;color:var(--muted);font-size:14px}

/* Layout scales down without shrinking studio typography. */
@media(min-width:1560px){.workspace{grid-template-columns:minmax(0,1fr) 420px;gap:34px}.topbar,.page-intro,.full-view,.workspace,.studio-tabs{padding-inline:42px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1300px){:root{--sidebar-width:212px}.sidebar{padding-inline:12px}.topbar,.page-intro,.full-view,.workspace,.studio-tabs{padding-inline:24px}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.panel{padding:22px}.autosave,.connection-status{display:none}.page-intro{gap:18px}.pricing-note{padding:13px}.pricing-note>span{display:none}.preview-column{padding:14px 12px}.preview-toolbar>span{font-size:8px}.preview-modes button{padding-inline:7px}.form-grid{grid-template-columns:1fr}.form-grid>.full-width{grid-column:auto}.art-controls{grid-template-columns:1fr}.readiness{flex-wrap:wrap}.readiness .text-button{text-align:left;max-width:none;padding-left:16px;min-height:30px}.cover-editor>div:nth-child(2){min-width:140px}.cover-editor button{min-height:40px}.item-price{display:none}.library-grid{gap:16px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-heading{flex-wrap:wrap}.panel-heading>.text-button{align-self:flex-start}}
@media(max-width:1100px){.workspace{display:block}.preview-column{display:none}.page-intro{align-items:flex-start;flex-wrap:wrap;gap:18px}.pricing-note{padding:12px 15px}.pricing-note>span{display:grid}.form-grid,.art-controls{grid-template-columns:1fr 1fr}.form-grid>.full-width{grid-column:1/-1}.readiness{flex-wrap:nowrap}.readiness .text-button{text-align:right;max-width:160px;padding-left:0}.template-card .template-preview{height:240px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.mobile-editor-bar{position:fixed;left:var(--sidebar-width);bottom:0;right:0;z-index:15;display:flex;gap:8px;padding:11px 24px;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line)}.mobile-editor-bar button{flex:1;min-height:44px;border:1px solid #d4ded0;border-radius:8px;background:#f5f8f0;color:var(--ink);font-size:12px;font-weight:500;padding:10px 8px}.mobile-editor-bar button:last-child{background:var(--accent);border-color:var(--accent);color:#ffffff}.workspace{padding-bottom:110px}.toast{bottom:90px}.topbar-actions .quiet-button{padding-inline:8px}.breadcrumb strong{max-width:140px}.full-view{padding-bottom:110px}}
@media(max-width:760px){:root{--sidebar-width:0px}.sidebar{width:260px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:19;background:#16291d66}.mobile-menu{display:grid;width:36px;height:40px;border:0;background:none;font-size:21px}.topbar{min-height:66px;padding:10px 16px;gap:10px}.topbar-left{gap:7px}.topbar-actions{gap:6px}.topbar-actions .quiet-button{display:none}.topbar-actions .secondary-button{min-width:40px;padding:7px;font-size:19px}.topbar-actions .secondary-button span{display:none}.topbar-actions .primary-button{padding:10px 12px;font-size:12px}.breadcrumb{gap:6px;font-size:12px}.breadcrumb button{font-size:12px}.breadcrumb strong{max-width:130px}.page-intro{padding:26px 20px 22px;gap:19px}.page-intro h1,.view-header h1{font-size:29px;letter-spacing:-.8px}.page-intro .eyebrow{font-size:9px}.lede{font-size:14px}.pricing-note{width:100%;padding:12px 14px;border-radius:8px}.pricing-note strong{font-size:13px}.pricing-note p{font-size:12px}.studio-tabs{padding:0 16px 20px;gap:4px;justify-content:space-between;scroll-margin-top:80px}.studio-tabs button{font-size:12px;padding:10px 12px;min-height:43px;white-space:nowrap}.studio-tabs span{display:none}.workspace{padding:0 16px 112px}.panel{padding:23px 18px;border-radius:11px}.panel-heading{gap:12px;margin-bottom:23px}.panel-heading h2{font-size:22px}.panel-heading p:not(.eyebrow){font-size:13px}.history-actions{margin-left:auto}.history-actions .icon-button{width:36px;height:36px}.form-grid,.art-controls{grid-template-columns:1fr;gap:18px}.form-grid>.full-width{grid-column:auto}input,textarea,select{font-size:16px}.readiness{flex-wrap:wrap;margin:22px 0;padding:13px}.readiness .text-button{max-width:none;text-align:left;padding:3px 0 3px 16px;min-height:30px}.cover-editor{padding:13px;gap:10px}.cover-editor>div:nth-child(2){min-width:140px}.cover-editor strong{font-size:13px}.cover-editor button{min-height:42px}.cover-thumb{width:53px;height:62px}.sections-head{gap:10px}.sections-head h3{font-size:15px}.sections-head .secondary-button{font-size:12px;padding:9px 10px}.block-card>summary{padding:13px 9px;gap:7px}.block-icon{width:29px;height:33px;font-size:19px}.block-title strong{font-size:13px}.block-title small{font-size:11px}.block-controls{gap:0}.block-controls button,.item-actions button{min-width:30px;min-height:40px;font-size:16px}.block-fields{padding:16px 10px;gap:13px}.item-head{padding:10px 8px;gap:6px}.item-head strong{font-size:12px}.item-index{font-size:10px}.item-editor>.form-grid{padding:16px 11px}.inline-media{gap:10px;padding:11px}.inline-media-preview{width:60px;height:83px}.inline-media-copy strong{font-size:12px}.inline-media-copy small{font-size:11px}.inline-media-copy>div{gap:9px}.inline-media-copy button{font-size:12px;min-height:40px}.toggle-row{padding-top:0}.type-grid{gap:11px}.type-card{padding:16px 13px}.template-grid{gap:11px}.template-card{padding:5px}.template-card .template-preview{height:200px}.template-meta{padding:12px 5px 8px}.template-meta strong{font-size:12px}.template-meta small{font-size:11px}.template-card .photo-preview-copy{padding:13px 11px}.template-card .photo-preview-copy strong{font-size:27px}.template-card .photo-preview-copy>span{display:none}.template-card .photo-gallery .photo-preview-copy strong{font-size:19px}.template-card .photo-invitation .photo-preview-copy strong{font-size:23px}.template-card .photo-architecture .photo-preview-copy strong{font-size:23px}.template-card .photo-runway .photo-preview-copy strong{font-size:31px}.template-filter button{min-height:40px;padding:8px 11px;font-size:12px}.creative-direction{padding:18px}.creative-direction>strong{font-size:22px}.creative-direction>p{font-size:13px}.publish-pricing{padding:17px;margin-top:24px}.publish-pricing-heading strong{font-size:14px}.pricing-tiers{gap:9px}.price-tier{padding:14px 12px}.price-tier>strong{font-size:28px}.price-tier>small{font-size:11px}.full-view{padding:29px 18px 108px}.view-header{gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}.view-header p:not(.eyebrow){font-size:14px}.count-badge{padding:10px 14px}.count-badge strong{font-size:24px}.library-controls{padding:17px;gap:15px}.library-toolbar{gap:10px}.library-toolbar>span{font-size:11px;max-width:135px;text-align:right}.library-grid{gap:12px}.library-card{padding:6px;border-radius:9px}.library-card .template-preview{height:215px}.library-card .mini-hero{height:145px;padding:13px}.library-card .mini-hero>strong{font-size:24px;margin-top:25px}.library-card .photo-preview-copy{padding:14px 12px}.library-card .photo-preview-copy strong{font-size:27px}.library-card .photo-preview-copy>span{display:none}.library-card .photo-gallery .photo-preview-copy strong{font-size:19px}.library-card .photo-invitation .photo-preview-copy strong{font-size:23px}.library-card .photo-architecture .photo-preview-copy strong{font-size:23px}.library-card .photo-runway .photo-preview-copy strong{font-size:30px}.library-card .template-meta{padding:13px 5px}.library-card .card-actions{display:grid;grid-template-columns:1fr;padding:0 2px 3px;gap:6px}.library-card .card-actions button{font-size:12px;min-height:42px}.library-card>.favorite-button{right:13px;top:13px;width:35px;height:35px}.library-pagination{gap:5px}.library-pagination button{min-width:38px;min-height:42px;padding:9px 11px}.page-grid{grid-template-columns:1fr}.page-card .template-preview{height:240px}.list-toolbar{display:grid;gap:16px}.search-field{max-width:none}.search-field input{font-size:16px}.upload-drop{flex-wrap:wrap;gap:16px;padding:23px 18px}.upload-drop>div{min-width:200px}.upload-drop strong{font-size:14px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.media-card img{height:155px}.media-card>div{padding:12px}.media-card button{font-size:11px;padding:8px}.media-card strong{font-size:12px}.stat-cards{grid-template-columns:1fr;gap:12px}.stat-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:20px}.stat-card strong{grid-column:2;grid-row:1/3;font-size:36px;margin:0}.stat-card p{grid-column:1}.stats-table{font-size:12px}.stats-table th{font-size:10px;padding:13px 6px}.stats-table td{padding:15px 6px}.settings-grid{gap:19px}.app-dialog{padding:29px 22px}.app-dialog h2{font-size:26px}.app-dialog p:not(.eyebrow){font-size:13px}.dialog-option-grid{gap:9px}.dialog-option{font-size:12px;padding:15px 12px}.dialog-option>span{font-size:22px}.dialog-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-media-grid img{height:120px}.preview-dialog{height:94dvh;width:calc(100vw - 16px);border-radius:11px}.preview-dialog header{padding:0 13px;gap:8px}.preview-dialog header strong{font-size:12px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-dialog header small{display:none}.preview-dialog .preview-modes button{font-size:10px;padding:6px 8px}.full-preview-wrap{padding:10px}.full-preview-wrap iframe{border-radius:7px}.qr-area{align-items:flex-start;flex-wrap:wrap;gap:17px}.qr-area>div{flex:1;min-width:160px}.qr-area img{width:125px;height:125px}.share-url{gap:5px;padding:8px}.share-url input{font-size:11px;padding:4px}.share-url button{font-size:11px;padding:8px 10px}.mobile-editor-bar{left:0;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.toast{left:50%;bottom:92px;font-size:12px}.payment-summary{padding:18px}.payment-price{font-size:34px}}
@media(max-width:390px){.topbar{padding-inline:12px}.breadcrumb strong{max-width:92px}.breadcrumb button{display:none}.breadcrumb>span{display:none}.studio-tabs{gap:2px}.studio-tabs button{padding-inline:10px;font-size:11px}.panel{padding-inline:15px}.block-icon{display:none}.item-index{display:none}.block-controls button,.item-actions button{min-width:28px}.library-card .template-meta strong{font-size:11px}.price-tier>small{font-size:10px}.cover-editor>div:nth-child(2){min-width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}