.op-header,.reader-top{padding:22px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f2efe8;color:#252c26;border-bottom:1px solid #c6c9be}.op-brand,.reader-top>span:first-child{font:500 30px/1 var(--serif);text-decoration:none}.op-header nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:14px}.op-header nav a{text-decoration:underline;text-underline-offset:5px}.op-header nav button{border:0;background:none;color:inherit;padding:0;text-decoration:underline;font-size:14px}.management{max-width:1320px;margin:auto;padding:58px clamp(22px,5vw,72px) 90px;color:#252c26}.management-heading{margin-bottom:32px}.management h1{font:500 clamp(46px,5vw,68px)/1.08 var(--serif);margin:0 0 16px;overflow-wrap:anywhere}.management-heading>p{font:16px/1.7 var(--sans);max-width:64ch;color:#536055}.management h2{font:500 32px/1.15 var(--serif);margin:22px 0 16px}.management p{font:16px/1.7 var(--sans);max-width:75ch}.management section{padding:26px 0;border-bottom:1px solid #c6c9be;scroll-margin-top:24px}.management a:not(.op-button){text-decoration:underline;text-underline-offset:4px}.op-back{display:block;color:#536055;font-size:14px;margin:24px clamp(22px,5vw,72px) 0;text-decoration:underline}.management>.op-back{margin:0 0 24px}.op-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.op-toolbar input[type=search]{margin-left:auto;width:min(280px,100%)}.op-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #526756;background:transparent;color:#252c26;font:500 14px/1.4 var(--sans);text-decoration:none;cursor:pointer}.op-button.primary,.op-toolbar>.op-button:first-child{background:#25352b;color:#f9f7f0}.op-button:disabled{cursor:wait;opacity:.55}.op-toolbar input,.op-toolbar select,.op-settings select{min-height:44px;border:1px solid #a8b4a7;background:#fff;color:#252c26;padding:10px;font:14px var(--sans)}.op-list{border-top:1px solid #aeb8ad}.op-row{display:grid;grid-template-columns:76px minmax(160px,1fr) minmax(140px,.65fr) minmax(190px,.8fr);gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid #c6c9be}.op-row>img{width:76px;height:76px;object-fit:contain;background:#e8e9e3}.row-photo-empty{height:76px;display:grid;place-items:center;background:#e8e9e3;font-size:12px;color:#536055}.row-name{font:500 28px/1.1 var(--serif)}.row-info p{margin:8px 0 0;font-size:13px}.row-info small,.row-state small{display:block;color:#59665d;font-size:12px;margin-top:6px;line-height:1.6}.row-state>span{font-size:14px}.row-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.row-actions .op-button{min-height:34px;padding:6px 9px;font-size:12px}.op-pagination{display:flex;gap:18px;align-items:center;padding-top:20px;font-size:13px}.op-editor-grid{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}.op-editor .demo-editor{min-height:0}.op-editor .content-field textarea{font-size:15px}.op-editor .content-field input{font-size:16px}.op-editor label[for=opPhoto]{display:block;margin:24px 0 12px}.op-save-state{font-size:13px!important;border-block:1px solid #c6c9be;padding:16px 0;margin:0 0 28px}.operator-preview{background:#25352b;padding:26px;position:sticky;top:25px}.operator-preview .piece-page{padding:26px 22px;min-height:0}.operator-preview .piece-hero{display:flex;flex-direction:column;gap:20px;margin:0}.operator-preview .piece-photo{min-height:0}.operator-preview .piece-identity{width:100%}.operator-preview .piece-identity .brand-name{font-size:34px}.operator-preview .piece-identity h1{font-size:43px}.operator-preview .piece-reading{display:none}.operator-preview .piece-index{font-size:12px}.operator-preview .example-caption{font-size:11px}.op-status{padding:16px 20px;border-left:3px solid #526756;background:#e8e9e3;font-size:14px!important;overflow-wrap:anywhere}.op-error{color:#8d2e26}.op-pending{background:#f5e6d0;padding:22px!important;border:1px solid #b29564}.op-pending .op-button{margin:8px 12px 0 0}.op-auth,.op-settings{max-width:540px}.op-auth .op-button{margin-top:28px}.op-settings>label{display:block;margin:20px 0 8px;font-size:14px}.op-settings>select{width:100%}.op-settings>.op-button{margin-top:28px}.op-danger{border-top:1px solid #c6c9be;margin-top:48px;padding-top:24px}.op-danger .op-button{border-color:#8d2e26;color:#8d2e26}.confirm-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;margin-top:14px}.confirm-check input{margin-top:5px;width:18px;height:18px}.real-qr{display:block;max-width:320px;width:100%;height:auto;margin:28px 0;background:#fff}.reader-body{background:#f9f7f0;color:#252c26}.reader-top{font:13px var(--sans)}.reader-top a{text-decoration:underline}.reader-help{max-width:780px;padding:50px 30px 70px;margin:auto}.reader-help h2{font:500 36px var(--serif)}.reader-help p{font:16px/1.75 var(--sans)}.reader-body #readerContent> .piece-page{padding-top:52px}.reader-body #readerContent[role=status]{padding:48px}.management .report-text{min-height:60px}.data-tools>.op-button{margin:0 12px 18px 0}.data-tools a.op-button{display:inline-flex}.management .info-index{font-size:14px}.management>section>p{max-width:68ch}.management>.op-button{margin-right:20px}@media(max-width:850px){.op-row{grid-template-columns:64px minmax(0,1fr) minmax(130px,.6fr)}.row-actions{grid-column:2/4;justify-content:flex-start}.op-row>img,.row-photo-empty{width:64px;height:64px}.op-editor-grid{display:flex;flex-direction:column}.op-editor-grid>.demo-editor,.operator-preview{width:100%}.operator-preview{position:static}.op-header{align-items:flex-start;gap:20px}.op-header nav{gap:12px 18px;font-size:13px;justify-content:flex-end}.op-header nav button{font-size:13px}.op-toolbar input[type=search]{margin-left:0}.management{padding:34px 20px 64px}.management h1{font-size:48px}.management-heading>p{font-size:15px}.op-editor .editor-panel{padding:22px 20px}.reader-top{flex-wrap:wrap;gap:14px}.op-toolbar>.op-button{padding:9px 12px}.op-row{gap:12px}.row-name{font-size:26px}.row-state{font-size:12px}.op-toolbar select{max-width:100%}.op-row small{font-size:11px}}@media(max-width:430px){.op-row{grid-template-columns:54px minmax(0,1fr)}.op-row>img,.row-photo-empty{width:54px;height:54px}.row-state{grid-column:2}.row-actions{grid-column:2;gap:10px}.op-header{padding:18px 20px;flex-wrap:wrap}.op-header nav{justify-content:flex-start;width:100%}.op-toolbar input[type=search]{width:100%}.operator-preview{padding:18px}.management p{font-size:15px}}@media(prefers-reduced-motion:reduce){.op-button{transition:none}}

.operator-preview .piece-identity h2{font:500 43px/1 var(--serif);margin:18px 0 28px}.piece-page[data-motion=bloom]:not([data-entrance-policy=shared]) .piece-photo img{animation:atelier-piece-bloom .7s ease-out both}.piece-page[data-motion=reveal]:not([data-entrance-policy=shared]) .piece-photo img{animation:atelier-piece-reveal .7s ease-out both}@keyframes atelier-piece-bloom{from{opacity:0;transform:scale(.8) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes atelier-piece-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.piece-page .piece-photo img{animation:none!important}}

.decision-dialog{max-height:90vh;overflow:auto}.op-comparison{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 var(--sans);padding:16px;background:#e8e9e3}details summary{cursor:pointer;font-size:14px}

.reader-version{max-width:720px;margin:24px auto;font:13px/1.6 var(--sans);padding:0 24px;color:#536055}

.row-name{overflow-wrap:anywhere}.op-editor input[type=file]{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;font-size:14px}@media(max-width:430px){.row-actions .op-button{min-height:40px}}

/* Privacidad: documento de consulta, con escala aislada de gestión/editor. */
#routeView[data-document=privacy]{background:#fff;color:#252c26}
.privacy-document{box-sizing:border-box;width:calc(100% - 40px);max-width:740px;margin:0 auto;padding:36px 0 56px;font:400 16px/1.65 var(--sans),Arial,sans-serif;text-align:left;overflow-wrap:anywhere}
.privacy-document h1{font:600 30px/1.2 var(--sans),Arial,sans-serif;margin:0 0 12px;letter-spacing:normal}
.privacy-document h2{font:600 19px/1.4 var(--sans),Arial,sans-serif;margin:30px 0 9px;letter-spacing:normal}
.privacy-document p{margin:0 0 14px;max-width:72ch}
.privacy-document .privacy-scope,.privacy-document .privacy-meta{font-size:14px;line-height:1.5;color:#536055;margin-bottom:8px}
.privacy-document .privacy-intro{margin-top:18px}
.privacy-document a{color:#25352b;text-decoration:underline;text-underline-offset:3px}
.privacy-document a:focus-visible{outline:2px solid #25352b;outline-offset:4px}
.privacy-document ul{padding-left:22px;margin:0 0 14px}
.privacy-document li{margin:5px 0}
.privacy-document .privacy-index{margin:26px 0 30px}
.privacy-document .privacy-index h2{font-size:16px;margin:0 0 10px}
.privacy-document .privacy-index ul{list-style:none;padding:0;margin:0;display:block}
.privacy-document .privacy-index li{display:block;margin:4px 0}
.privacy-document section{padding:0;border:0;scroll-margin-top:24px}
.privacy-document .privacy-footer{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:32px;font-size:14px;line-height:1.6}
@media(max-width:600px){.privacy-document{padding-top:24px}.privacy-document h1{font-size:28px}}

/* v4: operation, reading and documents retain their own scale. */
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
.management{max-width:1280px;padding-top:36px}
.management h1{font:600 32px/1.2 var(--sans);letter-spacing:normal;margin-bottom:12px}
.management h2{font:600 22px/1.35 var(--sans)}
.management p{font-size:16px;line-height:1.65}
.op-header{padding-block:20px;gap:20px;background:#f9f7f0}
.op-header nav a,.op-header nav button{min-height:44px;display:inline-flex;align-items:center}
.op-header nav a[aria-current=page]{font-weight:600;text-decoration-thickness:3px}
.op-header.public-header>a{font:500 30px/1 var(--serif);text-decoration:none}
.op-toolbar>.op-button:first-child{background:transparent;color:#25352b}
.op-editor .op-toolbar>.op-button:first-child,.op-toolbar>.op-button.primary{background:#25352b;color:#f9f7f0}
.op-save-state{font-size:14px;padding:16px 0;margin-bottom:24px}
.op-save-state p{margin:0 0 5px;font-size:15px}.op-save-state small{font-size:14px;color:#536055}
.op-editor .editor-label,.op-editor .content-field label,.op-editor .editor-explanation,.field-limit,.editor-actions a{font-size:14px;line-height:1.5}
.op-editor .content-field textarea,.op-editor .content-field input{font-size:16px}
.operator-preview{background:#e9e8df;padding:20px;color:#25352b;top:20px}
.operator-preview>h2{font:600 16px/1.5 var(--sans);margin:0 0 6px}
.operator-preview>p{font:14px/1.5 var(--sans);margin:0 0 18px}
.operator-preview .piece-identity h2{font-size:40px;line-height:1.08}.operator-preview .example-caption{font-size:14px}
.operator-preview .piece-index{font-size:14px}
.row-info small,.row-state small,.row-photo-empty,.row-actions,.row-actions .op-button,.op-pagination{font-size:14px;line-height:1.5}
.row-actions .op-button{min-height:44px;padding:8px 12px}.row-photo-empty{width:76px;text-align:center;padding:5px;box-sizing:border-box}
.piece-identity h1{font-size:clamp(48px,4.8vw,64px);line-height:1.08}
.piece-reading h2{font-size:34px;line-height:1.2}.piece-reading p{font-size:16px;line-height:1.7}
.piece-photo.photo-unavailable{min-height:160px;aspect-ratio:auto}.piece-photo.photo-unavailable .photo-fallback{margin:0}
.piece-page[data-style=nocturne] :focus-visible{outline:3px solid #f9f7f0;outline-offset:3px}
:focus-visible{outline:3px solid #25352b;outline-offset:3px}
.privacy-document{color:#25352b;background:white}.privacy-document>h1{margin-bottom:16px}
.privacy-document>p.privacy-scope{margin-top:18px}.privacy-document .privacy-footer a,.privacy-document .privacy-index a{display:inline-block;padding:5px 0}
.help-document{max-width:900px}.help-document p,.help-document section,.help-document .report-text{max-width:740px}.help-document section{margin-top:24px}.help-document section h2{margin-top:24px}
.help-document ul{list-style:none;padding-left:0}.help-document li a{display:inline-block;padding:6px 0;line-height:1.5}
.help-document .report-text{display:block;margin-bottom:16px;min-height:140px}
.reader-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}.reader-footer a{font:14px/1.6 var(--sans);padding:6px 0}
.reader-help h2{font-size:30px}.reader-top{font-size:14px;line-height:1.5}
.unavailable-page{max-width:740px;padding-top:40px}.unavailable-page h1,.reader-body .info-page h1{font:600 30px/1.2 var(--sans)}
.unavailable-page h2{font:600 19px/1.4 var(--sans)}
.menu-button b{font:500 14px var(--sans);position:absolute;right:42px;top:10px}.menu-button{position:relative}
.management .op-auth p{font-size:14px}.op-auth a{display:inline-block;margin-top:12px}
.decision-dialog h2{font:600 24px/1.3 var(--sans)}
@media(max-width:900px){.op-editor-grid{display:flex;flex-direction:column}.op-editor-grid>.demo-editor,.operator-preview{width:100%}.operator-preview{position:static}.op-header{padding:18px 20px;flex-wrap:wrap}.op-header nav{width:100%;justify-content:flex-start;gap:4px 20px}.management h1{font-size:28px}.management h2{font-size:22px}.management{padding:28px 20px 64px}.row-photo-empty{width:64px}}
@media(max-width:600px){.piece-identity h1{font-size:40px;line-height:1.08}.piece-reading h2{font-size:30px}.piece-photo{max-height:440px}.reader-footer{align-items:flex-start}.reader-footer nav{display:block}.reader-footer nav a{display:block}.privacy-document h1{font-size:28px}.operator-preview .piece-identity h2{font-size:36px}}
@media(max-width:430px){.row-photo-empty{width:54px}.row-info small,.row-state small{font-size:14px}.op-row{padding-block:20px}.row-name{font-size:26px}.op-toolbar{gap:10px}.op-toolbar>.op-button{min-height:44px}.management p{font-size:16px}}

#routeView[data-document]{background:#fff}.op-settings h2{margin-top:28px}.op-editor input[aria-invalid=true],.op-editor textarea[aria-invalid=true]{border:2px solid #8d2e26}.privacy-document :focus-visible{outline-width:3px}
.site-header :focus-visible,.mobile-menu :focus-visible,.footer :focus-visible,.hero :focus-visible,.finale :focus-visible{outline:3px solid #f9f7f0;outline-offset:3px}
.op-editor input[type=file]{min-height:44px;line-height:1.5;margin-top:12px;color:#25352b}
.op-editor input[type=file]::file-selector-button{min-height:44px;max-width:100%;padding:10px 12px;margin-right:10px;border:1px solid #526756;border-radius:2px;background:#fff;color:#25352b;font:500 14px/1.5 var(--sans);cursor:pointer}
.op-status.op-error{border-color:#8d2e26;background:#fbefed;color:#8d2e26}
.desktop-nav{font-size:14px;text-transform:none;letter-spacing:normal;gap:26px}.desktop-nav>a{min-height:44px;display:inline-flex;align-items:center}.mobile-menu{overflow:auto}
.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
@media(min-width:761px) and (max-width:1000px){.desktop-nav{gap:16px}.site-header{padding-inline:24px}}

/* v8: connected workspace, isolated from the public reading documents. */
#routeView:not([data-document]){background:#f2efe8;color:#252c26}
.op-header.app-header{background:#25352b;color:#f2efe8;padding:16px 32px;min-height:80px;gap:32px;border:0}
.app-header .op-brand{font-size:30px;color:#f2efe8;white-space:nowrap}
.app-header nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;font:14px/1.5 var(--sans)}
.app-header nav a,.app-header nav button{padding:10px 16px;min-height:48px;border-radius:8px;text-decoration:none;color:inherit;font-weight:500}
.app-header nav a[aria-current=page]{background:#f2efe8;color:#25352b;text-decoration:none}
.app-header .app-logout{margin-left:24px;border:1px solid #7b8879}
.app-header :focus-visible{outline:3px solid #f2efe8;outline-offset:3px}
.management{max-width:1200px;padding:40px 32px 80px}
.management h1{font:600 32px/1.2 var(--sans)}
.management h2{font:600 22px/1.3 var(--sans)}
.management .op-button{border-radius:8px;min-height:48px;font-size:14px;padding:12px 18px}
.management input:not([type=checkbox]):not([type=file]),.management select,.management textarea{border-radius:8px;background:#fff;border:1px solid #bac4b8;min-height:48px;font:16px/1.5 var(--sans);color:#252c26}
.management input:not([type=checkbox]):not([type=file]){padding:12px}.management textarea{padding:12px}
.management .content-field label{font-size:14px;line-height:1.5}
.management .field-limit{font-size:14px;line-height:1.5;color:#536055}
.management .op-button.primary{background:#25352b;color:#fff;border-color:#25352b}
.access-page{max-width:1104px;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:64px;align-items:center;min-height:calc(100vh - 160px);padding-top:48px}
.access-card{background:#fff;border:1px solid #d6dbd3;border-radius:8px;padding:32px;min-width:0}
.access-card .management-heading{margin:0 0 28px}.access-card .management-heading>p{font-size:16px;margin-bottom:0}
.access-card .op-auth{max-width:none}.access-card .content-field{margin-top:20px}.access-card .content-field input{width:100%}
.access-card .op-auth .op-button{width:100%;margin-top:24px}
.access-card .op-auth>p{font-size:14px;line-height:1.5;margin:20px 0 0}
.access-card .op-auth>a{font-size:14px;line-height:1.5;min-height:44px;align-items:center;display:inline-flex;margin:0}
.access-recovery{margin-top:16px;padding-top:20px;border-top:1px solid #d6dbd3;font-size:14px}.access-recovery summary{font-size:14px;line-height:1.5;cursor:pointer}.access-recovery p{font-size:14px;line-height:1.6;margin-top:16px}.access-recovery a{display:inline-flex;min-height:44px;align-items:center}
.access-card .op-status{margin:0 0 20px;border-radius:8px}
.access-art{min-width:0}.access-art .scene-caption{color:#536055}
.list-page .management-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:start;margin-bottom:24px}
.list-page .management-heading h1{margin:0}.list-page .management-heading>p{grid-column:1;max-width:60ch;margin:0;font-size:16px}.list-page .management-heading>.op-button{grid-column:2;grid-row:1/3;align-self:center}
.list-filters{padding:16px;background:#fff;border:1px solid #d6dbd3;border-radius:8px;margin-bottom:20px;justify-content:space-between;gap:16px}
.list-filters input[type=search]{margin:0;flex:1;width:auto;min-width:180px;max-width:460px}.list-filters select{min-width:190px}
.op-list{background:#fff;border:1px solid #d6dbd3;border-radius:8px;overflow:hidden}
.op-row{grid-template-columns:64px minmax(160px,1fr) minmax(160px,.65fr) minmax(200px,.8fr);padding:20px;gap:20px;border-bottom:1px solid #e1e5de}
.op-row:last-child{border-bottom:0}.op-row>img,.op-row>.row-photo-empty{width:64px;height:64px;border-radius:6px;object-fit:contain;background:#f2efe8}
.row-name{font:500 26px/1.15 var(--serif)}.row-info p,.row-info small,.row-state small{font-size:14px;line-height:1.5}
.row-state>span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:6px;background:#edf0e9;color:#536055;font:500 14px/1.5 var(--sans)}
.state-published .row-state>span,.state-publicada .row-state>span{background:#e5eee7;color:#27573b}.state-archived .row-state>span,.state-archivada .row-state>span{background:#e9eae6;color:#596158}.has-updates .row-state>small:first-of-type{color:#72491b;background:#f5e6d0;border-radius:6px;padding:4px 8px}
.row-actions{gap:8px 16px}.row-actions>a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.row-actions .op-button{background:transparent;min-height:44px;font-size:14px;padding:8px 12px}
.op-list>h2,.op-list>p,.op-list>.op-button{margin:24px}
.op-pagination{padding-top:20px;font-size:14px}
@media(max-width:1000px){.op-row{grid-template-columns:64px minmax(0,1fr) minmax(150px,.6fr)}.row-actions{grid-column:2/4;justify-content:flex-start}.access-page{gap:32px}}
@media(max-width:1120px){.access-page{display:block;max-width:520px;min-height:0}.access-art{display:none}}
@media(max-width:760px){
 .op-header.app-header{padding:16px 20px;gap:12px;flex-wrap:wrap}.app-header nav{width:100%;justify-content:flex-start;gap:4px}.app-header nav a,.app-header nav button{padding:8px 10px;min-height:44px}.app-header .app-logout{margin-left:0}
 .management{padding:28px 20px 56px}.management h1{font-size:28px}.management h2{font-size:20px}
 .access-page{display:block;min-height:0;max-width:520px;padding-top:28px}.access-card{padding:24px}.access-card h1{font-size:28px}.access-art{display:none}
 .list-page .management-heading{grid-template-columns:1fr;gap:12px}.list-page .management-heading>.op-button{grid-column:1;grid-row:auto;justify-self:start}.list-filters{padding:12px;gap:12px}.list-filters input[type=search],.list-filters select{width:100%;max-width:none;min-width:0;flex:auto}
 .op-row{grid-template-columns:56px minmax(0,1fr);padding:18px 16px;gap:12px}.op-row>img,.op-row>.row-photo-empty{width:56px;height:56px}.row-state{grid-column:2}.row-actions{grid-column:1/3;padding-top:4px;gap:8px 16px}.row-name{font-size:24px}.row-info small,.row-state small{font-size:14px}
}

/* v8 second cut: existing editing and configuration, with separate working surfaces. */
.op-editor>.op-toolbar{padding:16px;background:#fff;border:1px solid #d6dbd3;border-radius:8px;gap:12px;margin-bottom:16px}
.op-editor .op-toolbar>.danger-action{margin-left:auto;border-color:#8d2e26;color:#8d2e26;background:#fff}
.op-editor>.op-save-state{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding:16px 20px;background:#e7ece4;border:1px solid #cbd5c5;border-radius:8px;margin-bottom:24px}
.op-save-state.is-dirty{background:#f5e6d0;border-color:#cfb58a}.op-save-state p{margin:0;font-size:14px}.op-save-state .draft-state{font-weight:600}.op-save-state small{grid-column:1/-1;font-size:14px;color:#536055}
.op-editor-grid{grid-template-columns:minmax(340px,1fr) minmax(320px,.95fr);gap:24px}
.op-editor .demo-editor{min-height:0;border:1px solid #d6dbd3;border-radius:8px;background:#fff;overflow:hidden}
.op-editor .editor-tabs{min-height:52px;background:#f8f8f5}.op-editor .editor-tab{min-height:52px;font:500 14px/1.5 var(--sans);padding:14px 12px}
.op-editor .editor-tab[aria-selected=true]{background:#fff;border-bottom-color:#25352b;color:#25352b}
.op-editor .editor-panel{min-height:0;padding:24px;animation:editor-panel-enter .14s ease-out}
.op-editor .editor-label{margin:0 0 12px;font-size:14px}.op-editor .editor-label-spaced{margin-top:24px}
.op-editor .choice-row{gap:8px}.op-editor .choice-button{min-height:48px;border-radius:8px;font:14px/1.5 var(--sans);padding:10px 14px}
.op-editor .content-field:first-child{margin-top:0}.op-editor .content-field{margin-top:24px}
.op-editor .operator-preview{border:1px solid #d6dbd3;border-radius:12px;padding:20px;background:#e4e9df;top:20px}
.op-editor .operator-preview>h2{font:600 16px/1.5 var(--sans);margin:0 0 6px}.op-editor .operator-preview>p{font-size:14px;line-height:1.5}
.op-editor .operator-preview .piece-page{border-radius:8px;border:1px solid #d6dbd3;padding:24px 20px}

.op-editor .operator-preview .piece-identity .brand-name{font-size:30px}.op-editor .operator-preview .piece-identity h2{font:500 32px/1.1 var(--serif);margin-block:12px 20px}.op-editor .operator-preview .piece-identity .example-caption{font-size:14px}
.op-editor .op-danger{padding-top:24px;margin-top:32px}
.settings-page{max-width:1024px}.settings-page .management-heading{margin-bottom:24px}
.settings-index{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid #c7d0c2;padding-bottom:16px;margin-bottom:24px;font-size:14px}
.settings-index a{display:inline-flex;align-items:center;min-height:44px}
.settings-page .op-settings{max-width:none;display:block}
.settings-page .settings-group{padding:28px 32px;background:#fff;border:1px solid #d6dbd3;border-radius:8px;margin-bottom:24px;scroll-margin-top:24px}
.settings-group h2{margin:0 0 16px}.settings-group .content-field{max-width:640px;margin-top:20px}.settings-group .content-field input{width:100%}
.settings-group .settings-hint{font-size:14px;line-height:1.6;margin:0 0 24px;max-width:70ch;color:#536055}
.settings-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-choice label{display:block;font-size:14px;font-weight:500;margin:0 0 8px}.settings-choice select{width:100%;min-height:48px}
.settings-page .op-settings>.op-button{margin:0 0 40px}.settings-page .settings-data{border:1px solid #c7d0c2;border-radius:8px;padding:28px 32px;background:#e8ebe3}
.settings-data>h2{margin:0 0 8px}.settings-data .data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #cad2c4}
.settings-data h3{font:600 16px/1.5 var(--sans);margin:0 0 8px}.settings-data p{font-size:14px;line-height:1.6;margin:0;color:#536055;max-width:62ch}.settings-data .data-row>.op-button{margin:0;white-space:normal}
.settings-data .settings-recovery{padding-top:24px}.settings-recovery .op-button{margin-top:16px}
@keyframes editor-panel-enter{from{transform:translateY(3px)}to{transform:none}}
@media(max-width:900px){.op-editor-grid{display:flex;flex-direction:column}.op-editor-grid>.demo-editor,.op-editor-grid>.operator-preview{width:100%}.op-editor .operator-preview{position:static}.op-editor>.op-save-state{grid-template-columns:1fr}.op-save-state small{grid-column:1}.settings-data .data-row{grid-template-columns:1fr;gap:16px}.settings-data .data-row>.op-button{justify-self:start}}
@media(max-width:600px){.op-editor .editor-panel{padding:20px}.op-editor .op-toolbar>.danger-action{margin-left:0}.settings-page .settings-group,.settings-page .settings-data{padding:24px 20px}.settings-choices{grid-template-columns:1fr;gap:20px}.settings-index{gap:4px 16px}.settings-data .data-row>.op-button{width:100%;justify-self:stretch}.settings-recovery .op-button{width:100%}}
@media(prefers-reduced-motion:reduce){.op-editor .editor-panel{animation:none}}

/* v9: real work first; guidance is optional and derived from current read responses. */
.welcome-page{max-width:1040px}.welcome-page .management-heading{margin-bottom:28px}.welcome-page .welcome-brand{font:500 26px/1.3 var(--serif);margin:16px 0 0;color:#25352b}
.welcome-page .welcome-work{padding:0;border:0}.welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.continue-piece{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:#fff;border:1px solid #d6dbd3;border-radius:8px}.continue-piece h2{font-size:16px;margin:0 0 10px}.continue-piece .continue-name{font:500 28px/1.2 var(--serif);margin:0 0 10px}.continue-state{display:inline-block;font-size:14px;color:#536055}.continue-piece small{display:block;font-size:14px;line-height:1.6;margin-top:6px;color:#536055}
.welcome-guide{margin-top:32px;border-top:1px solid #c7d0c2;border-bottom:1px solid #c7d0c2}.welcome-guide>summary{font:600 20px/1.4 var(--sans);padding:24px 0;min-height:48px;cursor:pointer}.welcome-tasks{list-style:none;padding:0;margin:0;counter-reset:orientation}.welcome-tasks>li{counter-increment:orientation;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:20px;padding:24px 0;border-top:1px solid #d6dbd3;align-items:start}.welcome-tasks>li:before{content:counter(orientation,decimal-leading-zero);font:14px/1.6 var(--sans);color:#536055;padding-top:4px}.welcome-tasks h2{font-size:18px;line-height:1.4;margin:0 0 8px}.welcome-tasks p{font-size:14px;line-height:1.65;margin:0;max-width:50ch}.welcome-task-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:165px}.welcome-task-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;line-height:1.5}.welcome-local{font-size:14px!important;color:#536055;margin-top:24px}.welcome-retry{padding:20px 0}
@media(max-width:760px){.continue-piece{align-items:flex-start;flex-direction:column;padding:24px 20px;gap:20px}.welcome-tasks>li{grid-template-columns:24px minmax(0,1fr);gap:12px}.welcome-task-actions{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:8px 20px}.welcome-guide>summary{font-size:20px}.welcome-page .management-heading>p{font-size:16px}}

/* v9: task help and complete legal reading use different page structures. */
.privacy-document.help-document,.privacy-document.legal-document{max-width:1040px;padding-top:40px;padding-bottom:64px}
.help-document h1{font-size:32px;line-height:1.2}.help-document .privacy-scope{font-size:16px;line-height:1.65;margin:20px 0 32px;max-width:60ch}
.help-directory{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;align-items:start;margin:8px 0 32px}.help-directory section{margin:0;max-width:none}.help-directory h2{font-size:22px;margin:0 0 24px}.help-directory h3{font:600 16px/1.5 var(--sans);margin:24px 0 8px}.help-task-group:first-of-type h3{margin-top:0}
.help-document .help-task-links{list-style:none;padding:0;margin:0}.help-task-links li{margin:0}.help-task-links li a{display:flex;align-items:center;min-height:48px;padding:10px 0;font-size:16px;line-height:1.5;text-decoration:none;border-bottom:1px solid #d6dbd3}.help-task-links li a:hover{text-decoration:underline}.help-for-reader{background:#f2efe8;border-radius:8px;padding:28px!important}
.help-document.help-article{max-width:800px}.help-article>.privacy-scope{display:none}.help-article>a{display:inline-flex;align-items:center;min-height:44px;margin-right:24px;font-size:14px}.help-article .help-objective{font-size:18px;line-height:1.65;margin:24px 0 32px;max-width:60ch}
.help-article-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0 0}.help-article-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6}
.help-document .help-instructions{margin:0;max-width:740px}.help-document .help-steps{list-style:decimal;padding-left:26px;margin:0 0 28px}.help-steps>li{padding:0 0 0 12px;margin:0 0 24px;font-size:16px;line-height:1.75}.help-steps>li::marker{font-weight:600;color:#526756}.help-steps p{margin:8px 0 0;font-size:16px;line-height:1.75}.help-note{padding:16px 20px;background:#f2efe8;border-left:3px solid #b29564;font-size:14px;line-height:1.65}.help-advanced{margin:28px 0}.help-advanced>summary,.help-report>summary{min-height:48px;padding:12px 0;cursor:pointer;font-weight:500}.help-advanced .recovery-guide{margin-top:20px}
.help-report{max-width:740px;margin:40px 0 0;padding-top:16px;border-top:1px solid #d6dbd3}.help-report>p{font-size:14px;line-height:1.65;margin-top:16px}.help-report .op-button{min-height:48px}.help-report .report-text{max-width:100%}
.document-related{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0}.document-related a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.document-orientation{padding:20px 24px;background:#f4f5f1;border-left:3px solid #a8b4a7;margin:24px 0 32px;max-width:800px}.document-orientation h2{font-size:16px;margin:0 0 12px}.document-orientation ul{padding-left:20px;margin:0}.document-orientation li{margin:8px 0;font-size:14px;line-height:1.65}
.document-index{margin:0 0 40px}.document-index>summary{display:none}.document-index .privacy-index{margin:0}.document-index .privacy-index ul{columns:3;column-gap:36px;display:block}.document-index .privacy-index li{break-inside:avoid;margin:0 0 8px}.document-index a{font-size:14px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center}
.document-reading{max-width:68ch}.document-reading section{margin:0 0 32px;scroll-margin-top:24px}.document-reading h2{font-size:21px;line-height:1.4;margin:0 0 10px}.document-reading p{font-size:16px;line-height:1.75;margin:0 0 16px}
@media(max-width:760px){.privacy-document.help-document,.privacy-document.legal-document{padding-top:28px}.help-document h1{font-size:28px}.help-directory{grid-template-columns:1fr;gap:32px}.help-for-reader{padding:24px!important}.help-directory h2{font-size:20px}.help-document .privacy-scope{margin-bottom:24px}.help-article .help-objective{font-size:17px}.document-index>summary{display:list-item;cursor:pointer;font-weight:500;min-height:48px;padding:12px 0}.document-index .privacy-index{margin-top:12px}.document-index .privacy-index ul{columns:1}.document-index .privacy-index h2{display:none}.document-orientation{padding:18px 20px}.document-related{gap:8px 20px}.document-reading h2{font-size:20px}}

/* v10: one transient piece, a practical task and its responding result. */
.access-scope{font-size:14px!important;line-height:1.6;margin:0 0 20px}.activation-header{background:#f2efe8;border-bottom:1px solid #d6dbd3;min-height:80px;padding:16px 32px}.activation-header .op-button{min-height:48px;border:0;text-decoration:underline;text-underline-offset:4px}
.activation-page{max-width:1200px;margin:auto;padding:32px 32px 64px;color:#252c26}.activation-count{font:14px/1.5 var(--sans);color:#536055;margin:0 0 16px}.activation-progress{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0 0 24px;margin:0 0 40px;border-bottom:1px solid #c7d0c2;font:14px/1.5 var(--sans);color:#536055}.activation-progress li{display:flex;gap:8px;align-items:center}.activation-progress [aria-current=step]{color:#25352b;font-weight:600}.activation-current{font-size:12px;font-weight:400;border-bottom:1px solid #526756}
.activation-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:56px;align-items:start}.activation-title{font:500 48px/1.08 var(--serif);letter-spacing:-.02em;margin:0 0 24px}.activation-title:focus{outline:none}.activation-intro{font:17px/1.65 var(--sans);margin:0 0 32px;max-width:46ch}.activation-task label{display:block;font:500 14px/1.6 var(--sans);margin:0 0 8px}.activation-task input,.activation-task textarea{width:100%;border:1px solid #a8b4a7;border-radius:8px;background:#fff;color:#252c26;padding:12px 14px;min-height:48px;font:16px/1.6 var(--sans)}.activation-task textarea{resize:vertical;min-height:180px}.activation-task input[aria-invalid=true]{border:2px solid #8d2e26}.activation-hint{font:14px/1.65 var(--sans);color:#536055;margin:12px 0 24px}.activation-controls{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:32px}.activation-controls .op-button,.activation-next .op-button{min-height:48px;border-radius:8px;font-size:14px;padding:12px 18px}.activation-controls .primary,.activation-next .primary{background:#25352b;color:#fff;border-color:#25352b}.activation-controls a:not(.op-button),.activation-next>a:not(.op-button){min-height:44px;display:inline-flex;align-items:center;font:14px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px}.activation-controls button:not(.primary){background:none;border:0;text-decoration:underline;padding:10px 0;color:#536055}
.activation-preview{min-width:0;background:#e8ebe3;border-radius:12px;padding:24px;animation:activation-arrive .18s ease-out}.activation-preview .piece-page{min-height:0;padding:24px;border-radius:8px}.activation-preview .piece-hero{display:flex;flex-direction:column;gap:24px;margin:0}.activation-preview .piece-photo{min-height:0;height:240px;width:100%;aspect-ratio:auto}.activation-preview .piece-photo img{height:100%;width:100%;max-height:240px;object-fit:contain}.activation-preview .piece-identity{width:100%}.activation-preview .brand-name{font-size:28px}.activation-preview .piece-identity h2{font:500 36px/1.1 var(--serif);margin:16px 0}.activation-preview .piece-collection{font-size:14px}.activation-preview .example-caption{font-size:14px;line-height:1.6}.activation-preview:not(.activation-result) .piece-index{display:none}.activation-preview:not(.activation-result) .piece-reading{display:none}.activation-preview.activation-preview-story .piece-reading{display:block;margin-top:28px}.activation-preview-story .piece-reading section:not(#story):not(#care){display:none}.activation-preview-story .piece-reading h2{font-size:26px}.activation-preview-story .piece-reading p{font-size:16px;line-height:1.7}.activation-preview .photo-unavailable{height:auto;min-height:160px}.activation-memory{font:14px/1.65 var(--sans);color:#536055;margin:32px 0 0;max-width:72ch}
.activation-grid:has(.activation-result){display:block}.activation-grid:has(.activation-result) .activation-task{max-width:800px;margin-bottom:32px}.activation-result{padding:28px}.activation-result .piece-page{padding:32px}.activation-result .piece-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.activation-result .piece-photo{height:320px}.activation-result .piece-photo img{max-height:320px}.activation-result .piece-identity h1{font-size:48px;line-height:1.08}.activation-result .piece-reading{max-width:68ch}.activation-result .piece-reading h2{font-size:30px}.activation-result .piece-reading p{font-size:16px;line-height:1.75}.activation-sample-note{font:14px/1.6 var(--sans);margin:0 0 24px;color:#536055}.activation-next{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.activation-next>p{width:100%;font:14px/1.6 var(--sans);margin:0 0 4px}.activation-next+.activation-controls{margin-top:20px}
.activation-welcome .welcome-account{font:14px/1.6 var(--sans);color:#536055;margin:16px 0 4px}.activation-welcome .welcome-brand{font:500 24px/1.3 var(--serif);margin:0}.activation-welcome .welcome-example{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:28px 32px;border:0;background:#e8ebe3;border-radius:12px;margin:32px 0}.welcome-example h2{font:500 36px/1.15 var(--serif);margin:0 0 20px}.welcome-example p{font-size:16px;line-height:1.7;margin:0 0 24px}.welcome-example .op-button{margin-right:20px}.welcome-example>div>a:not(.op-button){display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:12px}.welcome-example-visual{display:grid;place-items:center;min-width:0}.welcome-example-visual img{width:100%;height:280px;object-fit:contain}.activation-welcome .welcome-real-work{padding-top:16px;border:0}.welcome-real-work>h2{font-size:20px;margin:0 0 20px}.continue-piece h3{font:500 16px/1.5 var(--sans);margin:0 0 10px}.editor-context-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:24px}.editor-context-links a{display:inline-flex;align-items:center;min-height:44px;font:14px/1.6 var(--sans);text-decoration:underline}
@keyframes activation-arrive{from{transform:translateY(6px)}to{transform:none}}
@media(max-width:900px){.activation-grid{grid-template-columns:1fr;gap:28px}.activation-preview{max-width:680px;width:100%}.activation-result .piece-hero{grid-template-columns:1fr}.activation-welcome .welcome-example{gap:24px;padding:24px}.welcome-example h2{font-size:32px}}
@media(max-width:600px){.activation-header{padding:14px 20px}.activation-header .op-brand{font-size:28px}.activation-header .op-button{padding-inline:0;font-size:14px}.activation-page{padding:24px 20px 48px}.activation-progress{gap:10px 16px;margin-bottom:28px}.activation-title{font-size:36px;line-height:1.12}.activation-intro{font-size:16px;margin-bottom:24px}.activation-preview{padding:16px}.activation-preview .piece-page{padding:20px}.activation-preview .piece-photo{height:200px}.activation-preview .piece-photo img{max-height:200px}.activation-preview .piece-identity h2{font-size:32px}.activation-result{padding:16px}.activation-result .piece-page{padding:20px}.activation-result .piece-hero{gap:24px}.activation-result .piece-identity h1{font-size:36px}.activation-controls{gap:12px 20px;margin-top:24px}.activation-welcome .welcome-example{grid-template-columns:1fr;padding:24px 20px;gap:16px}.welcome-example-visual{grid-row:1}.welcome-example-visual img{height:200px}.welcome-example h2{font-size:30px}.activation-memory{font-size:14px}.activation-result .piece-reading h2{font-size:28px}.activation-preview .example-caption{font-size:14px}.activation-current{font-size:12px}}
@media(prefers-reduced-motion:reduce){.activation-preview{animation:none}}
.activation-preview .example-caption{display:none}
.activation-preview-story .piece-hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center}.activation-preview-story .piece-photo{height:160px}.activation-preview-story .piece-photo img{max-height:160px}.activation-preview-story .brand-name{font-size:24px}.activation-preview-story .piece-identity h2{font-size:30px;margin:12px 0}.activation-preview-story .piece-identity .portal-wordmark{margin:0}.activation-preview-story .piece-collection{display:none}.activation-preview-story .piece-reading{margin-top:24px}
.activation-result .piece-identity h2{font:500 48px/1.08 var(--serif);margin:18px 0 28px}.activation-result .piece-reading h3{font:500 30px/1.15 var(--serif);margin:0 0 18px;color:var(--portal-ink)}
@media(max-width:900px){.activation-grid:has(.activation-preview-story){display:flex;flex-direction:column;gap:0}.activation-grid:has(.activation-preview-story)>.activation-task{display:contents}.activation-grid .activation-preview-story{order:1;margin-top:24px}.activation-grid:has(.activation-preview-story)>.activation-task>.activation-hint,.activation-grid:has(.activation-preview-story)>.activation-task>.activation-controls{order:2}}
@media(max-width:600px){.activation-preview-story .piece-hero{display:block}.activation-preview-story .piece-photo,.activation-preview-story .portal-wordmark,.activation-preview-story .portal-rule{display:none}.activation-preview-story .piece-identity h2{font-size:28px;margin:0}.activation-preview-story .piece-reading{margin-top:20px}.activation-result .piece-identity h2{font-size:36px}.activation-result .piece-reading h3{font-size:28px}}

/* v11: account registration is a form; Plan is a readable statement of rights. */
.signup-page{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:0;max-width:1040px;margin-inline:auto;background:#fff;border:1px solid #d6dbd3;border-radius:10px;padding:0;overflow:hidden}.signup-card{padding:40px}.signup-page .management-heading h1,.plan-page .management-heading h1{font:600 32px/1.2 var(--sans);letter-spacing:-.02em}.signup-page .management-heading>p{font:16px/1.6 var(--sans);max-width:44ch}.signup-form{display:grid;gap:20px}.signup-form .content-field{padding:0;margin:0;display:block}.signup-form label{display:block;font:500 16px/1.5 var(--sans);margin-bottom:8px}.signup-form input{display:block;width:100%;height:50px;border:1px solid #879584;background:#fff;border-radius:4px;padding:10px 12px;color:#252c26;font:16px/1.5 var(--sans)}.signup-form input[aria-invalid=true]{border:2px solid #9d2929}.signup-field-hint{font:14px/1.5 var(--sans);color:#536055;margin:8px 0 0}.signup-form .field-error{font:14px/1.5 var(--sans);color:#9d2929;margin:6px 0 0}.field-error:empty,.signup-error:empty{display:none}.password-toggle{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:#25352b;text-decoration:underline;text-underline-offset:4px;font:500 14px/1.5 var(--sans);cursor:pointer}.signup-error{padding:12px 14px;border-left:3px solid #9d2929;background:#fff2ef;color:#7f2020;font:14px/1.6 var(--sans);margin:0 0 20px}.signup-form>button{width:100%;min-height:50px}.signup-publication,.signup-documents{font:14px/1.6 var(--sans);color:#536055;margin-top:20px}.signup-card>p a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.signup-recovery{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.signup-recovery:empty{display:none}.signup-aside{background:#25352b;color:#f2efe8;padding:56px 36px;display:flex;flex-direction:column;justify-content:center}.signup-aside>span{font:500 28px/1.2 var(--serif);letter-spacing:.06em}.signup-aside h2{font:500 42px/1.1 var(--serif);max-width:10ch;margin:48px 0 30px}.signup-aside ol{list-style:decimal-leading-zero;padding-left:28px;font:16px/1.6 var(--sans);margin:0}.signup-aside li{padding:14px 0;border-bottom:1px solid #ffffff38}.signup-aside li::marker{color:#ded6c5}
.plan-page{max-width:1040px;margin-inline:auto}.plan-page>.plan-overview{background:#fff;border:1px solid #d6dbd3;border-radius:8px;padding:28px 32px;margin:28px 0}.plan-overview h2{font:600 24px/1.3 var(--sans);margin:0 0 12px}.plan-overview p{font:16px/1.65 var(--sans);max-width:65ch;margin:10px 0}.plan-capabilities{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:20px 0 36px;border-top:1px solid #c5cfc3}.plan-capabilities dt,.plan-capabilities dd{font:16px/1.5 var(--sans);margin:0;padding:16px 0;border-bottom:1px solid #c5cfc3}.plan-capabilities dt{font-weight:500}.plan-capabilities dd{text-align:right;padding-left:24px;color:#536055}.plan-page>.plan-billing{border-top:1px solid #c5cfc3;padding-top:28px;margin-top:24px}.plan-billing h2{font:600 22px/1.3 var(--sans);margin:0 0 16px}.plan-billing p{font:16px/1.65 var(--sans);max-width:65ch}.plan-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}.plan-actions>a{display:inline-flex;align-items:center;min-height:44px}.publication-plan-note{font:14px/1.6 var(--sans);padding:14px 18px;border-left:3px solid #879584;background:#edf0e9;margin:18px 0}.publication-plan-note a,.settings-plan-link,.welcome-plan a{text-decoration:underline;text-underline-offset:4px}.settings-plan-link{display:inline-flex;min-height:44px;align-items:center}.welcome-plan{font:14px/1.6 var(--sans);margin:0 0 24px;color:#536055}.access-registration{font:15px/1.6 var(--sans);margin-top:20px}.access-registration a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.signup-page{display:block}.signup-card{padding:28px 20px}.signup-aside{display:none}.signup-page .management-heading h1,.plan-page .management-heading h1{font-size:28px}.plan-page>.plan-overview{padding:22px 20px}.plan-capabilities dt,.plan-capabilities dd{font-size:15px}.plan-capabilities dd{padding-left:12px}.plan-actions{align-items:stretch;gap:12px}.plan-actions>.op-button{justify-content:center}.plan-overview h2{font-size:23px}}

.plan-page>.plan-rights{padding:16px 0 0;border-bottom:0}.plan-page>.plan-billing{border-bottom:0}.signup-aside .signup-wordmark{font:500 28px/1.2 var(--serif);letter-spacing:.06em;color:#f2efe8}

.model-create-design{display:grid;gap:8px;margin:16px 0;font:14px/1.5 var(--sans);max-width:300px}.style-model-select{min-height:48px;padding:10px 12px;border:1px solid #879584;background:#fff;color:#25352b;font:16px/1.5 var(--sans);width:100%}

.settings-design-preview{margin-top:28px;border-top:1px solid #cbd1c6;padding-top:20px}.settings-design-preview>summary{cursor:pointer;min-height:44px;font:500 16px/1.5 var(--sans);padding-block:10px}.settings-preview-reader{max-width:520px;margin:20px auto 0;border:1px solid #cbd1c6;background:#fff}.settings-preview-reader .piece-page{min-height:0}

.palette-controls{min-inline-size:0;margin:24px 0 0;padding:20px;border:1px solid #c6cec0;background:#fff;color:#25352b}.palette-controls legend{font:600 18px/1.4 var(--sans);padding:0 8px}.palette-instruction,.palette-controls .palette-instruction{font:14px/1.6 var(--sans);margin:0 0 16px;max-width:65ch;color:#536055}.palette-controls .palette-mode{font:13px/1.55 var(--sans);margin:0 0 16px;color:#536055}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.palette-field{min-width:0}.palette-field>label{display:block;font:500 14px/1.5 var(--sans);margin-bottom:8px}.palette-inputs{display:flex;gap:8px;align-items:center}.palette-inputs input[type=color]{flex:0 0 44px;width:44px;height:44px;border:1px solid #81917f;background:#fff;padding:3px;cursor:pointer}.palette-inputs input[type=text]{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #81917f;background:#fff;color:#25352b;font:15px/1.4 var(--sans);text-transform:uppercase}.palette-inputs input[aria-invalid=true]{border-color:#9b302a;outline:1px solid #9b302a}.palette-controls .palette-error{font:14px/1.6 var(--sans);color:#8f251f;margin:16px 0 0}.palette-controls .palette-error:empty{display:none}.palette-reset{margin-top:20px}.palette-controls:focus{outline:3px solid #304d80;outline-offset:4px}
@media(max-width:600px){.palette-controls{padding:16px}.palette-grid{grid-template-columns:1fr;gap:16px}.palette-inputs input[type=text]{max-width:180px}}

/* Related account actions remain separate from the form and each other. */
.management .access-related-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 0;padding:0;min-width:0}
.management .access-related-links>a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;max-width:100%;margin:0;white-space:normal}
@media(max-width:620px){.management .access-related-links{flex-direction:column;align-items:flex-start}.management .access-related-links>.op-button{align-self:stretch;justify-content:center}}

/* On phones the result follows the available width; device simulation remains on desktop. */
@media(max-width:760px){.management.op-editor .editor-preview-sizes{display:none}.management.op-editor .editor-preview-surface{width:100%;max-width:100%}}

/* Configuration proof: abstract composition and type, never a fictional piece. */
.management.settings-pages .settings-appearance-proof{box-sizing:border-box;width:100%;max-width:680px;margin:16px 0 0;padding:0;border:1px solid #ccd2c9;border-radius:10px;background:#fff;color:#242622;overflow:visible}
.management.settings-pages .settings-appearance-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center;min-height:220px;padding:24px;background:var(--appearance-background);color:var(--appearance-text);border-radius:9px 9px 0 0;box-sizing:border-box}
.management.settings-pages .settings-appearance-plane{min-width:0;height:172px;border:1px solid color-mix(in srgb,var(--appearance-text) 24%,transparent);background:color-mix(in srgb,var(--appearance-accent) 10%,var(--appearance-background));position:relative}
.management.settings-pages .settings-appearance-plane::after{content:'';position:absolute;inset:22%;border:1px solid var(--appearance-accent);border-radius:50%}
.management.settings-pages .settings-appearance-letters{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.management.settings-pages .appearance-display{font:500 48px/1 var(--serif);color:var(--appearance-text);letter-spacing:-.03em}
.management.settings-pages .appearance-alphabet{font:400 20px/1.4 var(--serif);color:var(--appearance-text);white-space:normal}
.management.settings-pages .appearance-rule{display:block;width:100%;height:2px;background:var(--appearance-accent);opacity:.75}
.management.settings-pages .appearance-rule.short{width:65%}
.management.settings-pages .settings-appearance-proof[data-type=modern] :is(.appearance-display,.appearance-alphabet){font-family:var(--sans);font-weight:600;letter-spacing:0}
.management.settings-pages .settings-appearance-proof[data-type=monogram] .appearance-display{display:grid;place-items:center;min-width:68px;min-height:68px;border:1px solid var(--appearance-accent);font-size:36px;letter-spacing:.04em}
.management.settings-pages .settings-appearance-proof[data-type=monogram] .appearance-alphabet{letter-spacing:.08em}
.management.settings-pages .settings-appearance-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin:0;padding:16px 20px;border-top:1px solid #dce0d8;color:#242622;font:400 16px/1.5 var(--sans)}
.management.settings-pages .settings-appearance-caption strong{font-weight:600}
.management.settings-pages .settings-appearance-palette{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px;margin:0}
.management.settings-pages .settings-appearance-palette li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 8px;align-items:center;margin:0;padding:0;color:#42463f;font:400 14px/1.5 var(--sans)}
.management.settings-pages .appearance-swatch{grid-row:span 2;width:28px;height:34px;border:1px solid #858d80;border-radius:4px;box-sizing:border-box}
.management.settings-pages .settings-appearance-palette code{font:400 12px/1.5 var(--sans);color:#42463f}
.management.settings-pages .settings-appearance-proof[data-style=nocturne] .settings-appearance-letters{border-left:1px solid var(--appearance-accent);padding-left:20px}
.management.settings-pages .settings-appearance-proof[data-style=gallery] .settings-appearance-layout{grid-template-columns:1.2fr 1fr;align-items:end;gap:16px}
.management.settings-pages .settings-appearance-proof[data-style=gallery] .settings-appearance-plane{height:148px;box-shadow:8px -10px 0 -1px var(--appearance-background),8px -10px 0 0 var(--appearance-accent)}
.management.settings-pages .settings-appearance-proof[data-style=folio] .settings-appearance-layout{max-width:none;grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;padding:24px 18%;border-inline:12px solid color-mix(in srgb,var(--appearance-accent) 15%,var(--appearance-background))}
.management.settings-pages .settings-appearance-proof[data-style=folio] .settings-appearance-plane{order:2;width:100%;height:96px}
.management.settings-pages .settings-appearance-proof[data-style=folio] .settings-appearance-letters{align-items:center;width:100%}
.management.settings-pages .settings-appearance-proof[data-style=cover] .settings-appearance-layout{grid-template-columns:minmax(0,1fr);gap:16px}
.management.settings-pages .settings-appearance-proof[data-style=cover] .settings-appearance-plane{height:100px}
.management.settings-pages .settings-appearance-proof[data-style=cover] .settings-appearance-letters{border-left:3px solid var(--appearance-accent);padding-left:16px}
.management.settings-pages .settings-appearance-proof[data-style=diptych] .settings-appearance-layout{grid-template-columns:1fr 1fr;gap:0;padding:0}
.management.settings-pages .settings-appearance-proof[data-style=diptych] .settings-appearance-plane{height:220px;border:0;border-right:1px solid var(--appearance-accent)}
.management.settings-pages .settings-appearance-proof[data-style=diptych] .settings-appearance-letters{padding:20px}
.management.settings-pages .settings-appearance-proof[data-style=catalog] .settings-appearance-layout{grid-template-columns:minmax(0,1fr);gap:16px}
.management.settings-pages .settings-appearance-proof[data-style=catalog] .settings-appearance-plane{height:90px}
.management.settings-pages .settings-appearance-proof[data-style=catalog] .settings-appearance-letters{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}
.management.settings-pages .settings-appearance-proof[data-style=frame] .settings-appearance-plane{border:12px solid var(--appearance-background);outline:1px solid var(--appearance-accent);outline-offset:-1px;box-shadow:0 0 0 1px color-mix(in srgb,var(--appearance-text) 18%,transparent)}
.management.settings-pages .settings-appearance-proof[data-style=journal] .settings-appearance-layout{grid-template-columns:minmax(0,1fr);padding-inline:14%;gap:16px}
.management.settings-pages .settings-appearance-proof[data-style=journal] .settings-appearance-plane{height:112px}
.management.settings-pages .settings-appearance-proof[data-style=journal] .appearance-display{font-size:38px}
.management.settings-pages .settings-appearance-proof[data-style=specimen] .settings-appearance-layout{grid-template-columns:1.1fr 1fr;gap:16px}
.management.settings-pages .settings-appearance-proof[data-style=specimen] .appearance-rule{height:1px;opacity:1}
@media(max-width:480px){.management.settings-pages .settings-appearance-layout{padding:16px;gap:16px;min-height:180px}.management.settings-pages .settings-appearance-plane{height:140px}.management.settings-pages .appearance-display{font-size:40px}.management.settings-pages .appearance-alphabet{font-size:18px}.management.settings-pages .settings-appearance-caption{padding:14px 16px}.management.settings-pages .settings-appearance-palette{grid-template-columns:1fr;padding:0 16px 16px}.management.settings-pages .settings-appearance-palette li{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;font-size:16px}.management.settings-pages .appearance-swatch{grid-row:auto;height:28px}.management.settings-pages .settings-appearance-palette code{font-size:14px}.management.settings-pages .settings-appearance-proof[data-style=nocturne] .settings-appearance-letters{padding-left:12px}.management.settings-pages .settings-appearance-proof[data-style=diptych] .settings-appearance-letters{padding:16px}.management.settings-pages .settings-appearance-proof[data-style=catalog] .settings-appearance-letters{grid-template-columns:minmax(0,1fr)}.management.settings-pages .settings-appearance-proof[data-style=folio] .settings-appearance-layout{padding-inline:14%}}

/* Optional provider is separate from the existing password form. */
.management .google-access-option{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:0;margin:20px 0 0;padding:20px 0 0;border-top:1px solid #ccd2c9}.management .google-access-prepare{min-height:44px;width:100%;white-space:normal}.management .google-access-button{max-width:100%;min-width:0;display:flex;justify-content:center}.management .google-access-state{font:400 14px/1.5 var(--sans);margin:0;color:#42463f}.management .google-registration-identity{overflow-wrap:anywhere;font:400 16px/1.5 var(--sans)}

.management.google-registration-page .confirm-check{display:flex;align-items:flex-start;gap:12px;text-align:left}.management.google-registration-page .confirm-check input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0}.management.google-registration-page .confirm-check span{min-width:0;flex:1}

/* v75: actual rendered designs beside the current result, using the existing workspace. */
.management.op-editor .design-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.management.op-editor .design-picker-card{display:flex;flex-direction:column;gap:0;min-width:0;padding:0;border:1px solid #CCD2C9;border-radius:8px;background:white;color:#242622;cursor:pointer;overflow:hidden;text-align:left}.management.op-editor .design-picker-card[aria-pressed=true]{border:2px solid #223C30;box-shadow:0 0 0 1px #223C30}.management.op-editor .design-picker-card:focus-visible{outline:3px solid #B98A3D;outline-offset:3px}.management.op-editor .design-picker-image{display:block;width:100%;height:144px;background:#f1f2ee}.management.op-editor .design-picker-label{padding:10px 12px;min-height:44px;display:flex;align-items:center;font:500 16px/1.4 var(--sans)}.management.op-editor .editor-design-live{display:none}.management.op-editor .editor-design-live-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.management.op-editor .editor-design-live-heading strong{font:500 15px/1.4 var(--sans)}.management.op-editor .editor-design-live-heading .op-button{font-size:14px;padding:8px 10px}.management.op-editor .editor-design-live-image{height:180px;width:100%;border:1px solid #CCD2C9;border-radius:6px;background:white}
@media(max-width:1050px){.management.op-editor .editor-design-live{display:block;padding:10px 0 12px;margin:0 0 16px;border:0;background:#F7F8F4;position:relative;scroll-margin-top:var(--editor-content-offset,172px)}.management.op-editor .editor-design-live-heading{margin-bottom:8px}.management.op-editor .editor-design-live-image{height:140px}.management.op-editor .design-picker-image{height:138px}.management.op-editor .editor-design-live-heading strong{font-size:14px}.management.op-editor .editor-design-live-heading .op-button{min-height:44px}}

@media(max-width:359px){.management.op-editor .editor-design-live-heading strong{display:block;font-size:13px}.management.op-editor .editor-design-live-heading .op-button{width:auto;min-width:0;flex:1;padding-inline:6px;font-size:13px}.management.op-editor .editor-design-live-image{height:120px}}

.management.op-editor .design-picker-label{justify-content:space-between;gap:6px;width:100%;flex-wrap:wrap}.management.op-editor .design-picked{display:none;font:500 12px/1.3 var(--sans);padding:3px 6px;background:#223C30;color:white;border-radius:3px}.management.op-editor .design-picker-card[aria-pressed=true] .design-picked{display:inline-flex}

.management .google-link-host .google-access-option label{display:flex;flex-direction:column;gap:8px;font:400 16px/1.5 var(--sans)}.management .google-link-host input[type=password]{width:100%;min-height:48px;border:1px solid #a8b4a7;border-radius:6px;padding:10px 12px;font:16px var(--sans);background:white;color:#242622}.management .google-link-host .google-access-option h2{font-size:20px;margin:0}.management .google-link-host .google-access-option>p{margin:0;font-size:16px}

/* Reader is the jeweller's content; privacy controls retain their own consent context. */
.reader-customer .reader-privacy{display:flex;justify-content:center;padding:16px;margin:0;border:0;background:transparent}.reader-customer .reader-privacy>a,.reader-customer .reader-privacy>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;background:transparent;color:#596259;font:400 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reader-customer .reader-privacy>button:focus-visible{outline:2px solid #223C30;outline-offset:2px}
.management a.return-button,.privacy-document a.return-button,.sample-reader-toolbar a.return-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;width:fit-content;max-width:100%;border:1px solid #789084;border-radius:6px;background:transparent;color:#223C30;font:500 14px/1.5 var(--sans);text-decoration:none;white-space:normal}.editor-context-links a.return-button{margin:0}.draft-review-bar a.return-button{margin:0}

/* v76: make palette retention a deliberate editor choice. */
.management.op-editor .design-color-policy{margin:12px 0 16px;padding:12px;border:1px solid #CCD2C9;border-radius:6px;background:#fff}.management.op-editor .design-color-policy p{font-size:15px;line-height:1.5;margin:0 0 8px}.management.op-editor .design-color-policy p:last-child{margin-bottom:0}.management.op-editor .design-color-keep:not([hidden]){display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:15px;line-height:1.5;margin:8px 0}.management.op-editor .design-color-keep input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0}.management.op-editor .design-color-keep span{min-width:0}

/* v76: independent jeweler logo, never a piece photograph. */
.brand-logo-preview{display:flex;align-items:center;justify-content:flex-start;min-height:72px;margin:12px 0}.brand-logo-preview img{display:block;width:auto;max-width:200px;max-height:96px;object-fit:contain}.brand-logo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.brand-logo-state{font-size:15px;line-height:1.5}.brand-logo-settings{padding:20px;border:1px solid #CCD2C9;margin:20px 0}.brand-logo-editor{border:1px solid #CCD2C9;border-radius:6px;padding:16px!important;margin:16px 0}.piece-page[data-reader] .portal-wordmark .brand-logo{display:block;position:static;inset:auto;width:auto;max-width:min(180px,100%);height:56px;max-height:72px;object-fit:contain;transform:none;margin:0 0 8px}.piece-page[data-reader] .portal-wordmark.has-logo .brand-initials{display:none}.piece-page[data-reader] .portal-wordmark.has-logo{height:auto;min-height:0}.piece-page[data-reader] .portal-wordmark.has-logo .brand-name{position:static;inset:auto;transform:none}

.management.op-editor .editor-images{padding:12px 0;border:0;scroll-margin-top:var(--editor-content-offset,172px)}.management.op-editor #opImagesTitle{font:500 18px/1.4 var(--sans);margin:0 0 12px;scroll-margin-top:var(--editor-content-offset,172px)}.management.op-editor .editor-images .editor-photos button{font-size:14px;min-height:44px}.standard-logo{display:block;max-width:180px;max-height:72px;object-fit:contain;margin:12px 0}

/* v76: one editing vocabulary, optional detail stays collapsed. */
.management.op-editor .op-save-state{padding:8px 0;margin:0 0 12px}.management.op-editor .op-save-state .draft-state{margin:0;font-size:14px}.management.op-editor .editor-save-details{font-size:14px;margin-top:4px}.editor-save-details summary,.editor-more-views summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}.editor-more-views{width:100%}.editor-more-views[open] .editor-preview-actions{margin-top:8px}.editor-more-views .editor-entrance-state{margin:8px 0 0}.editor-result{scroll-margin-top:var(--editor-content-offset,172px)}@media(max-width:1050px){.management.op-editor .editor-canvas-jump{display:none}}

.management.op-editor .editor-images[hidden]{display:none}.management.op-editor .editor-images{border:1px solid #CCD2C9;border-radius:6px;padding:16px;margin:12px 0 20px}.management.op-editor .editor-images #op-images-close{margin-top:12px}.management.op-editor .editor-images .field-error:empty{display:none}

/* Selector previews have their own compact frame; the live reader keeps its size. */
.management.op-editor .design-picker-card .design-picker-image{height:110px}
.management.op-editor .design-picker-card .design-picker-label{min-height:44px;padding:8px;gap:4px;flex-wrap:wrap}

/* The provider is above the password form only when enabled; it never takes focus. */
.management .google-access-host{display:flex;flex-direction:column;min-width:0}
.management .google-access-host:not(:has(>.google-access-option)){display:none}
.management .google-access-host>.google-access-option{order:0;margin:12px 0 0;padding:0;border:0}
.management .google-auth-separator{display:none}
.management .google-access-host:has(>.google-access-option)+.google-auth-separator{display:flex;align-items:center;gap:12px;margin:16px 0;font:400 14px/1.5 var(--sans);color:#42463f}
.management .google-auth-separator::before,.management .google-auth-separator::after{content:"";height:1px;flex:1;background:#ccd2c9}

/* v78: compact editorial access, adapted from the inspected Unify sign-in. */
.management.auth-shell:is(.access-page,.signup-page){display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:stretch;gap:0;max-width:1120px;min-height:650px;margin:36px auto 64px;padding:0;border:1px solid #d4dcd6;border-radius:16px;background:#fff;overflow:visible}
.management.auth-shell:is(.access-page,.signup-page)>.access-card,.management.auth-shell:is(.access-page,.signup-page)>.signup-card{align-self:center;width:100%;max-width:460px;margin:auto;padding:48px 40px;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}
.management.auth-shell:is(.access-page,.signup-page) .management-heading{margin:0 0 26px}
.management.auth-shell:is(.access-page,.signup-page) .management-heading h1{font:500 clamp(34px,3.4vw,44px)/1.06 var(--serif);letter-spacing:-.035em;margin:0 0 12px}
.management.auth-shell:is(.access-page,.signup-page) .management-heading>p{font:400 15px/1.55 var(--sans);margin:0;color:#56635b}
.management.auth-shell:is(.access-page,.signup-page) .access-art{display:flex;position:relative;isolation:isolate;flex-direction:column;justify-content:space-between;align-items:center;min-height:100%;padding:36px;gap:16px;border:0;border-radius:0 15px 15px 0;background:#233b30;color:#f9faf5;overflow:hidden}
.management.auth-shell:is(.access-page,.signup-page) .access-art:before{content:'';position:absolute;z-index:-1;inset:21% 10%;border:1px solid #c7d2b34a;border-radius:50% 50% 0 0}
.management.auth-shell:is(.access-page,.signup-page) .access-art>img{position:static;width:100%;height:400px;max-height:52vh;object-fit:contain;border:0;border-radius:5px;padding:12px;background:#f3f4eb;box-shadow:0 24px 50px -30px #071d15;transform:none}
.management.auth-shell:is(.access-page,.signup-page) .access-art-signature{align-self:flex-start;font:500 38px/1 var(--serif);letter-spacing:-.04em}
.management.auth-shell:is(.access-page,.signup-page) .access-art-caption{font:400 14px/1.5 var(--sans);color:#e3e9dc;text-align:center}
.management.auth-shell:is(.access-page,.signup-page) .op-auth,.management.auth-shell:is(.access-page,.signup-page) .signup-form{width:100%;max-width:none}
.management.auth-shell:is(.access-page,.signup-page) .op-auth .content-field,.management.auth-shell:is(.access-page,.signup-page) .signup-form .content-field{margin:0 0 18px;padding:0;border:0;min-width:0}
.management.auth-shell:is(.access-page,.signup-page) .content-field label{display:block;margin:0 0 7px;font:500 14px/1.5 var(--sans)}
.management.auth-shell:is(.access-page,.signup-page) input:not([type=checkbox]){width:100%;min-width:0;min-height:48px;border:1px solid #b8c6bd;border-radius:7px;padding:12px;color:#21372c;background:#fff;font:400 16px/1.4 var(--sans)}
.auth-password-control{position:relative;display:flex;min-width:0;align-items:center}
.management .auth-password-control>input{padding-right:78px!important;min-width:0;width:100%}
.management .auth-password-control>.auth-password-toggle{position:absolute;right:5px;top:3px;bottom:3px;min-height:42px;padding:8px;border:0;background:transparent;color:#344f40;font:500 12px/1.4 var(--sans);cursor:pointer;border-radius:4px}
.management.auth-shell:is(.access-page,.signup-page) .op-auth>.op-button{min-height:48px;margin:4px 0 0;border-radius:7px;font-size:15px;width:100%}
.management.auth-shell:is(.access-page,.signup-page) .access-related-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:14px 0 0;padding:0;border:0}
.management.auth-shell:is(.access-page,.signup-page) .access-related-links>a:not(.op-button){display:inline-flex;align-items:center;min-height:44px;font:400 13px/1.5 var(--sans);margin:0;color:#3d5647}
.management.auth-shell:is(.access-page,.signup-page) .access-related-links>a[href='#/privacidad']{flex-basis:100%;justify-content:center;margin-top:6px;font-size:12px;color:#64736a}
.management.auth-shell:is(.access-page,.signup-page) .google-auth-separator{font-size:13px;margin:18px 0}
.management.auth-shell:is(.access-page,.signup-page) .google-access-option{margin-top:0;padding-top:0;border:0}
.management.auth-shell:is(.access-page,.signup-page) .google-access-state{font-size:13px;line-height:1.5}
.management.auth-shell:is(.access-page,.signup-page) .signup-form{gap:0}
.management.auth-shell:is(.access-page,.signup-page) .signup-form .confirm-check{display:flex;gap:10px;font-size:13px;line-height:1.5;align-items:flex-start;margin:10px 0}
.management.auth-shell:is(.access-page,.signup-page) .signup-form .confirm-check input{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:2px 0 0}
.management.auth-shell:is(.access-page,.signup-page) .signup-form .confirm-check span{min-width:0}
.management.auth-shell:is(.access-page,.signup-page) .signup-field-hint,.management.auth-shell:is(.access-page,.signup-page) .signup-publication,.management.auth-shell:is(.access-page,.signup-page) .op-auth>p{font-size:13px;line-height:1.55;margin:0 0 14px}
.management.auth-shell:is(.access-page,.signup-page) .signup-form>.op-button{margin-top:10px}
.management.auth-shell:is(.access-page,.signup-page) .signup-publication{margin-top:18px}
.management.auth-shell:is(.access-page,.signup-page).google-registration-page{grid-template-columns:minmax(0,1fr);max-width:560px;min-height:0}
.management.auth-shell:is(.access-page,.signup-page).google-registration-page>.signup-card{max-width:none}
.management.op-editor .editor-panel fieldset.occasion-editor{min-width:0;max-width:100%;margin:24px 0;padding:20px;border:1px solid #ccd7ce;border-radius:10px}
.management.op-editor .occasion-editor>.occasion-fields{min-width:0;width:100%;max-width:100%}
.management.op-editor .occasion-fields>.content-field{min-width:0;max-width:100%;padding-inline:0}
.management.op-editor .occasion-editor .occasion-summary{min-width:0;max-width:100%;overflow-wrap:anywhere;margin:18px 0;padding:18px;background:#fff;border:1px solid #d4ddd6;border-radius:8px}
.management.op-editor .occasion-editor input[type=date]{display:block;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;min-height:48px;text-align:left}
.management.op-editor .occasion-editor input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}
.management.op-editor .occasion-editor input[type=date]::-webkit-datetime-edit{display:block;min-width:0;padding:0}
@media(max-width:1120px){.management.auth-shell:is(.access-page,.signup-page){max-width:calc(100% - 48px);grid-template-columns:minmax(0,46fr) minmax(0,54fr)}}
@media(max-width:760px){
 .management.auth-shell:is(.access-page,.signup-page){display:block;max-width:440px;width:calc(100% - 32px);min-height:0;margin:24px auto 40px;border-radius:12px;padding:0}
 .management.auth-shell:is(.access-page,.signup-page)>.access-card,.management.auth-shell:is(.access-page,.signup-page)>.signup-card{max-width:none;padding:28px 24px;margin:0;border-radius:12px}
 .management.auth-shell:is(.access-page,.signup-page) .management-heading h1{font-size:38px}
 .management.auth-shell:is(.access-page,.signup-page) .access-art{display:none}
 .management.op-editor .demo-editor>.editor-panel{padding:20px 16px}
 .management.op-editor .editor-panel fieldset.occasion-editor{padding:16px 12px;margin-inline:0}
 .management.op-editor .occasion-editor .occasion-summary{padding:16px 12px}
}
@media(max-width:350px){.management.auth-shell:is(.access-page,.signup-page)>.access-card,.management.auth-shell:is(.access-page,.signup-page)>.signup-card{padding:26px 20px}.management.auth-shell:is(.access-page,.signup-page) .management-heading h1{font-size:35px}}
.management.auth-shell:is(.access-page,.signup-page) .access-art{inset:auto;width:100%;height:auto;z-index:0;filter:none;opacity:1}
.management.auth-shell:is(.access-page,.signup-page) .access-art>.access-brand-sheet{display:none}
.management.auth-shell:is(.access-page,.signup-page) .access-related-links{flex-direction:row;align-items:center}
.management.auth-shell:is(.access-page,.signup-page) .auth-code-fallback{margin:20px 0 0;border-top:1px solid #d4ddd6;padding-top:8px}
.management.auth-shell:is(.access-page,.signup-page) .auth-code-fallback>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font:500 14px/1.5 var(--sans);color:#3d5647}
.management.auth-shell:is(.access-page,.signup-page) .auth-code-fallback[open]>.op-auth{margin-top:12px}
.management .auth-success,.management .auth-neutral-state{font:400 14px/1.6 var(--sans);color:#385440;background:#edf4ee;border:1px solid #c7d8cc;padding:12px;border-radius:7px;margin:12px 0}
.management .auth-password-control>.auth-password-toggle{top:2px;bottom:2px;min-height:44px}
.management.op-editor .quick-entry{margin:8px 0 12px;min-width:0}.management.op-editor .quick-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.management.op-editor .quick-entry-actions .op-button{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #c7cec5;border-radius:6px;background:#f7f8f4;color:#25352b;font:500 13px/1.4 var(--sans);white-space:normal;text-align:center}.management.op-editor .quick-entry-actions .quick-entry-undo{background:#fff}.management.op-editor .quick-entry-label{font:500 13px/1.4 var(--sans);margin-bottom:8px}.management.op-editor .quick-entry .quick-entry-actions select{flex:1 1 160px;inline-size:auto;min-width:0;max-width:100%;min-height:44px;padding:8px 10px;border:1px solid #c7cec5;border-radius:6px;background:#fff;color:#25352b;font:16px/1.4 var(--sans)}.management.op-editor .quick-entry-feedback{font:13px/1.5 var(--sans);color:#536055;margin:6px 0 0;max-width:none;overflow-wrap:anywhere}.management.op-editor .quick-entry-feedback:empty{display:none}.management.op-editor .quick-entry-hint{display:block;margin-top:6px;font:12px/1.5 var(--sans);color:#657066}.management.op-editor .quick-identity{margin:12px 0 18px}.management.op-editor .quick-entry-actions .op-button:focus-visible,.management.op-editor .quick-entry select:focus-visible{outline:3px solid #6e8c76;outline-offset:3px}

.management.op-editor .quick-entry-choice[aria-disabled=true]{opacity:.55;cursor:default}

/* v86: saved resource confirmation and temporary public reader. */
.management .list-saved-notice{grid-column:1/-1;margin:0 0 12px;padding:12px 16px;color:#253b2d;background:#edf3ee;border-left:3px solid #47654f;font:500 14px/1.5 var(--sans)}
.management .op-row.just-saved{outline:2px solid #47654f;outline-offset:3px;scroll-margin-block:110px}.management .op-row.just-saved:focus{outline-width:3px}.management .trial-preview-state{font:500 14px/1.6 var(--sans);color:#354d3c}.reader-trial{padding-top:56px}.reader-trial-banner{position:fixed;inset:0 0 auto;z-index:10000;display:flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:8px 16px;background:#edf3ee;color:#253b2d;border-bottom:1px solid #bccbc0;font:14px/1.4 var(--sans);box-sizing:border-box}.reader-trial-banner strong{font-weight:600}.reader-trial-banner span{font-size:12px}.reader-trial .piece-page [id]{scroll-margin-top:68px}@media(max-width:350px){.reader-trial-banner{gap:10px;padding-inline:10px}}
