/* Roberts Production chrome. Album SVGs and photo treatments keep their own artwork colors. */
:root{--brand-black:#1c1c1c;--brand-bronze:#85663e;--brand-bronze-light:#bc9e74;--brand-cream:#f5f2ed;--brand-border:#e3ddd4;--brand-muted:#736c63;--brand-surface:#fffefd}
body,body.brand-mode,body.portal-mode,body.client-mode,body.invite-mode{--ink:#24221f;--muted:#736c63;--accent:#1c1c1c;--accent-soft:#f0e9de;--line:#e3ddd4;--paper:#f5f2ed;--white:#fff;--shadow:0 15px 45px #211a1110;color:var(--ink);background:var(--paper)}
.brand-camera{display:block;flex:none;width:50px;height:50px;object-fit:contain;border:0;background:transparent}
:is(.app-header,.portal-header,.entry-header,.invite-header){background:#fffefd;border-bottom:1px solid var(--brand-border)}
:is(.brand,.portal-brand,.entry-brand,.invite-brand){display:flex;align-items:center;gap:12px;color:var(--brand-black);text-decoration:none;font:24px/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.6px}
:is(.brand-small,.portal-brand small,.entry-brand-small,.invite-brand-small){display:block;margin-top:7px;color:var(--brand-bronze);font:600 8px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:2.15px}
:is(.entry-header-note,.invite-header-note){color:var(--brand-bronze);font-size:9px;font-weight:550;letter-spacing:1.8px}
:is(.eyebrow,.entry-eyebrow,.invite-eyebrow,.client-review-eyebrow){color:var(--brand-bronze)}
:is(.brand-mode,.portal-mode) :is(.primary,.client-review-primary),:is(.primary-button,.entry-primary,.invite-primary){background:var(--brand-black);border-color:var(--brand-black);color:#fff}
:is(.brand-mode,.portal-mode) :is(.primary,.client-review-primary):hover:not(:disabled),:is(.primary-button,.entry-primary,.invite-primary):hover:not(:disabled){background:#38312a;border-color:#38312a;color:#fff}
:is(.brand-mode,.portal-mode) :is(.secondary,.client-review-secondary),.secondary-button{background:#fff;border-color:var(--brand-border);color:var(--brand-black)}
:is(.brand-mode,.portal-mode) :is(.secondary,.client-review-secondary):hover:not(:disabled),.secondary-button:hover:not(:disabled){background:#f3ede4;border-color:#b49975;color:var(--brand-black)}
:is(.text-button,.quiet-button,.entry-contact a,.invite-contact a,.client-review-preview){color:var(--brand-bronze)}
:is(.brand-mode,.portal-mode) :is(.text-button,.client-review-preview){color:var(--brand-bronze)}
:is(.brand-mode,.portal-mode) :is(.toast,.portal-toast),.portal-toast{background:var(--brand-black);box-shadow:0 8px 35px #241b1b20}
:is(.brand-mode,.portal-mode) .toast.error{background:#9a4332}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--brand-bronze-light);outline-offset:4px}
body :is(input,textarea,select){color:var(--ink)}
body :is(input[type=checkbox],input[type=range],progress){accent-color:var(--brand-bronze)}

/* A flexible editor shell accounts for the client banner and a wrapped action bar. */
body:has(>.app-header){display:flex;flex-direction:column;height:100dvh;overflow:hidden}
body:has(>.app-header)>.studio{height:auto!important;min-height:0;flex:1}
.brand-mode .app-header,.portal-mode .app-header{height:76px;min-height:76px;flex:none;padding:0 24px;gap:17px}
.brand-mode .brand,.portal-mode .brand{font-size:23px;letter-spacing:-.6px}
.brand-mode .brand-camera,.portal-mode .brand-camera{width:46px;height:46px}
.brand-mode .brand-small,.portal-mode .brand-small{font-size:7px;letter-spacing:1.9px}
.brand-mode .project-meta,.portal-mode .project-meta{max-width:210px;min-width:75px;flex:1;padding-left:17px;border-left-color:var(--brand-border)}
.brand-mode .project-meta>span:first-child,.portal-mode .project-meta>span:first-child{font-size:11px;color:#514b43}
.brand-mode .header-actions,.portal-mode .header-actions{gap:7px;min-width:0}
.brand-mode .header-actions :is(.primary,.secondary),.portal-mode .header-actions :is(.primary,.secondary){padding:9px 11px;min-height:35px;font-size:10px}
.brand-mode .header-actions .history-buttons,.portal-mode .header-actions .history-buttons{gap:1px;padding-right:8px;margin-right:2px;border-right-color:var(--brand-border)}
.brand-mode .header-actions .icon-button,.portal-mode .header-actions .icon-button{width:29px;height:31px;font-size:19px}
.brand-mode .save-state,.portal-mode .save-state{color:#686253;font-size:9px}
.portal-mode .client-banner{padding:10px 24px;background:#f0e9df;border-bottom:1px solid #e0d5c4;color:#70604a;font-size:10px;line-height:1.7}
.portal-mode .client-banner strong{color:var(--brand-black)}
.portal-mode .client-banner .eyebrow{color:#876b45;font-size:8px;letter-spacing:1.4px}
.portal-mode .client-banner p{color:#746651}
.portal-mode .client-banner-actions{gap:7px}
.portal-mode .client-banner.save-error{background:#fff1e9;border-bottom-color:#e9c8b5}
.portal-mode .client-lock-panel{background:#f1ebe1;border-bottom-color:#e0d5c4;color:#67553e}
.portal-mode .client-lock-panel h2{color:var(--brand-black)}
.portal-mode .client-lock-panel p{color:var(--brand-muted)}
.brand-mode .workspace,.portal-mode .workspace{background:var(--brand-cream)}
.brand-mode .stage,.portal-mode .stage{background-image:radial-gradient(#a890702b .7px,transparent .7px)}
.brand-mode :is(.workspace-bar,.panel-heading) h1,.portal-mode :is(.workspace-bar,.panel-heading) h1{color:var(--brand-black)}
.brand-mode .workspace-bar h2,.portal-mode .workspace-bar h2{color:var(--brand-black)}
.brand-mode .panel-heading .eyebrow,.portal-mode .panel-heading .eyebrow{color:var(--brand-bronze)}
.brand-mode .inspector-tabs button.active,.portal-mode .inspector-tabs button.active{background:#f7f2eb;color:var(--brand-black);border-bottom-color:var(--brand-bronze)}
.brand-mode :is(.layout-card,.style-card,.effect-card,.photo-tile).active,.portal-mode :is(.layout-card,.style-card,.effect-card,.photo-tile).active{background:#f6f0e7;border-color:#a9885a;box-shadow:0 0 0 1px #a9885a}
.brand-mode :is(.segment,.cover-tool-tabs),.portal-mode :is(.segment,.cover-tool-tabs){background:#f1ede6;border-color:var(--brand-border)}
.brand-mode .segment button.active,.portal-mode .segment button.active{color:var(--brand-black)}
.brand-mode :is(.inspector-foot,.print-spec,.auto-options),.portal-mode :is(.inspector-foot,.print-spec,.auto-options){background:#faf7f2;border-color:var(--brand-border)}
.brand-mode :is(.helper,.inspector-foot,.panel-heading p,.editing-hint,.dimension,.page-captions),.portal-mode :is(.helper,.inspector-foot,.panel-heading p,.editing-hint,.dimension,.page-captions){color:var(--brand-muted)}
.brand-mode .type-launch,.portal-mode .type-launch{background:linear-gradient(110deg,#f1e7d8,#faf6ef);border-color:#d8c4a8;color:#775731}
.brand-mode .type-launch:hover,.portal-mode .type-launch:hover{background:#eee3d2;border-color:#b8996a}
.brand-mode .fine-tune summary,.portal-mode .fine-tune summary{color:var(--brand-bronze)}
.brand-mode .page-style-summary span,.portal-mode .page-style-summary span{background:#f2eadf;color:#766044}
.brand-mode .palette-swatch.active,.portal-mode .palette-swatch.active{outline-color:var(--brand-bronze)}
.brand-mode #thumbs button.active,.portal-mode #thumbs button.active{border-color:var(--brand-bronze);box-shadow:0 0 0 1px var(--brand-bronze)}
.brand-mode #thumbs button.drop-before::before,.brand-mode #thumbs button.drop-after::after,.portal-mode #thumbs button.drop-before::before,.portal-mode #thumbs button.drop-after::after{background:var(--brand-bronze);box-shadow:0 0 0 2px #f5e9d8}
.brand-mode .match-tones,.portal-mode .match-tones{background:#f7f0e5;border-color:#dfcfb6;color:#775731}
.brand-mode :is(.cover-dialog,.album-overview-dialog,.proof-dialog,.client-submit-dialog,.publish-client-dialog,.export-dialog),.portal-mode :is(.cover-dialog,.album-overview-dialog,.proof-dialog,.client-submit-dialog,.publish-client-dialog,.export-dialog){background:#fffefd;border-color:var(--brand-border)}
.brand-mode :is(.cover-dialog,.album-overview-dialog,.proof-dialog,.client-submit-dialog) h2,.portal-mode :is(.cover-dialog,.album-overview-dialog,.proof-dialog,.client-submit-dialog) h2{color:var(--brand-black)}
.brand-mode .cover-dialog .preview-header strong,.portal-mode .cover-dialog .preview-header strong{color:var(--brand-black)}
.brand-mode .cover-proof,.portal-mode .cover-proof{border-color:var(--brand-border);background:radial-gradient(ellipse at top,#fffefa,#eee6db)}
.brand-mode :is(.cover-layouts,.cover-font-cards,.cover-pattern-cards) button.active,.portal-mode :is(.cover-layouts,.cover-font-cards,.cover-pattern-cards) button.active{border-color:#aa895b;box-shadow:0 0 0 1px #aa895b;background:#f7f0e5;color:#735632}
.brand-mode .cover-controls summary,.portal-mode .cover-controls summary{color:var(--brand-bronze)}
.brand-mode .cover-controls input[type=range],.portal-mode .cover-controls input[type=range]{accent-color:var(--brand-bronze)}
.brand-mode .export-specs,.portal-mode .export-specs{background:#f7f0e5;border-color:#e2d5c1}
.brand-mode .export-specs strong,.portal-mode .export-specs strong{color:#755531}
.brand-mode .export-specs :is(span,p),.portal-mode .export-specs :is(span,p){color:#7e6b53;border-color:#e2d5c1}
.brand-mode .cover-footer,.portal-mode .cover-footer{background:#fffefd}
body dialog::backdrop{background:#18151270;backdrop-filter:blur(5px)}

/* Public entry and private invitation. The decorative album illustration remains intact. */
.entry-header{height:90px;background:#fffefd;padding:0 max(5vw,24px)}
.entry-main{max-width:1240px;padding-top:54px;padding-bottom:35px;column-gap:6%}
.entry-story h1{font-size:40px;letter-spacing:-1.15px;color:var(--brand-black)}
.entry-story h1 em{color:var(--brand-bronze);font-size:60px}
.entry-intro{font-size:12px;line-height:1.9;color:var(--brand-muted)}
.entry-story>.entry-eyebrow{font-size:9px;letter-spacing:1.7px}
.entry-steps{gap:20px}
.entry-steps li>span{color:var(--brand-bronze);font-size:9px}
.entry-steps strong{color:var(--brand-black);font-size:17px}
.entry-steps p{color:var(--brand-muted);font-size:10px;line-height:1.8}
.entry-card{padding:33px 31px 26px;background:linear-gradient(145deg,#fffefd,#fffaf2);border:1px solid #ded2bf;border-radius:18px;box-shadow:0 18px 55px #50380e0c}
.entry-card:before{border-color:#e4d5bd;box-shadow:0 0 0 17px #faf4e9,0 0 0 18px #ecdfc9}
.entry-card-mark{color:var(--brand-bronze);background:#f2e7d6;border-color:#e4d1b1;border-radius:12px}
.entry-card h2{color:var(--brand-black);font-size:30px}
.entry-description{color:var(--brand-muted);font-size:12px}
.entry-card label{color:#675437;font-size:11px}
.entry-card textarea{background:#fffefd;border-color:#d4c3a8;color:var(--brand-black);font-size:12px;border-radius:9px}
.entry-card textarea:focus{border-color:var(--brand-bronze);box-shadow:0 0 0 3px #bc9e7425}
.entry-card textarea::placeholder{color:#887f73}
.entry-input-help{color:#7d7365;font-size:10px}
.entry-primary{min-height:46px;font-size:12px}
.entry-contact{border-bottom-color:#e7ded0;color:var(--brand-muted);font-size:11px}
.entry-private{color:#7d7365;font-size:10px}
.entry-private svg{stroke:#8b724e}
.entry-local{background:#f1e8da;border-color:#dfcfb7;color:#725c3d;font-size:10px}
.entry-footer{color:#7d7468;font-size:10px;padding-top:8px}
.entry-footer>span:first-child{color:var(--brand-bronze)}
.entry-footer a{color:#75603e;font-size:10px}
.invite-mode{--invite-ink:#25211c;--invite-muted:#736c63;--invite-line:#e3ddd4;background:var(--brand-cream);color:var(--brand-black)}
.invite-header{padding:24px 6vw;background:#fffefd}
.invite-main{padding-top:48px;padding-bottom:42px;max-width:1300px;gap:6vw}
.invite-story h1{color:var(--brand-black);font-size:clamp(40px,4.4vw,64px);letter-spacing:-1.7px}
.invite-story h1 em{color:var(--brand-bronze)}
.invite-intro{color:var(--brand-muted);font-size:13px}
.invite-journey{color:#71695d;font-size:10px}
.invite-journey b{color:var(--brand-bronze)}
.invite-entry{padding:31px;border:1px solid #ded2bf;border-radius:17px;background:#fffaf3;box-shadow:0 18px 55px #50380e09}
.invite-entry-mark{color:var(--brand-bronze);margin-bottom:20px}
.invite-entry h2{color:var(--brand-black);font-size:32px}
.invite-status,.invite-contact{color:var(--brand-muted);font-size:12px}
#inviteForm label{color:#675437;font-size:11px}
#inviteLink{background:#fffefd;border-color:#d4c3a8;color:var(--brand-black);font-size:12px;border-radius:8px}
#inviteLink::placeholder{color:#887f73}
.invite-input-help{color:#7d7365;font-size:10px}
.invite-loading span{background:var(--brand-bronze)}
.invite-primary{font-size:12px;border-radius:8px;min-height:46px}
.invite-private{color:#7d7365;font-size:10px}
.invite-footer{color:#7d7468;border-color:var(--brand-border);font-size:10px}
.invite-footer>span:first-child{color:var(--brand-bronze)}

/* Owner dashboard and private album dialogs. */
.portal-header{height:88px;background:#fffefd}
.portal-header .brand-camera{width:52px;height:52px}
.portal-brand small{font-size:8px;color:var(--brand-bronze);letter-spacing:2px}
.environment{color:#7a6040;background:#f5eee2;border-color:#e2d2b8;font-size:10px}
.quiet-button:hover{background:#f2e9dc}
.dashboard-intro h1{color:var(--brand-black);font-size:37px}
.dashboard-intro p{color:var(--brand-muted);font-size:12px}
.local-notice{background:#f7f0e5;border-color:#e1d1b8;color:#77613f}
.summary-card{border-color:var(--brand-border);box-shadow:0 3px 14px #29201003;background:#fffefd}
.summary-card span{color:var(--brand-bronze)}
.summary-card small{color:var(--brand-muted)}
.summary-card:after{border-color:#e7dbc9;box-shadow:0 0 0 18px #faf6ef,0 0 0 19px #eee5d6}
.summary-card:hover{border-color:#b79665;box-shadow:0 7px 25px #4d361007}
.submitted-summary{background:#f2e9dc;border-color:#ddc8a9}
.submitted-summary:after{border-color:#dbc29e;box-shadow:0 0 0 18px #f7efe2,0 0 0 19px #e9d8be}
.filter-group{background:#eae5dd}
.filter-group button{color:#71675a}
.filter-group button[aria-pressed=true]{color:var(--brand-black);background:#fffefd}
.filter-group button:hover{background:#f5eee3}
.search-field:focus-within{border-color:var(--brand-bronze);box-shadow:0 0 0 3px #bc9e7425}
.search-field>span:first-child{color:#8b724e}
.search-field input::placeholder{color:#897c6b}
.results-label,.dashboard-footer{color:#7a7165}
.album-card{background:#fffefd;border-color:var(--brand-border);box-shadow:0 4px 20px #211a1105}
.album-visual{background:linear-gradient(120deg,#eee3d2,#ddd0ba)}
.album-monogram{color:#9c7b4c}
.album-monogram:before{border-color:#b2946866}
.album-client{color:#876c48}
.album-card-meta,.album-card-footer small{color:#7d7263}
.album-card-footer{border-top-color:#e9e1d6}
.album-card-footer button{color:#795b33}
.album-status{background:#f4ede2;color:#806342;border-color:#e3d3ba}
.album-status[data-status=submitted]{background:#eeebe5;color:#42392c;border-color:#d9c9ad}
.empty-state{background:#fffefd;border-color:#d6c1a0}
.empty-book{background:#f5eada;border-color:#dfc8a5;color:#9b7742}
.empty-state p{color:var(--brand-muted)}
.login-panel{background:#fffefd;box-shadow:0 15px 50px #3c2a100a;border-color:var(--brand-border)}
.login-panel label{color:#6f5939}
.login-panel input{background:#fffdfa;border-color:#d8c7ad}
.loading-state{color:var(--brand-muted)}
.loading-ring{border-color:#e3d6c1;border-top-color:var(--brand-bronze)}
.album-dialog,.action-dialog,.tools-dialog{background:#fffefd;border-color:var(--brand-border)}
.dialog-close{background:#f3ede3;color:var(--brand-black)}
.dialog-close:hover{background:#eaddc9}
.detail-cover{background:#f3ede3;border-color:#e0d2bd}
.cover-preview-note,.detail-client,.detail-explanation,.detail-more p,.detail-more summary,.action-dialog p,.detail-stats small,.detail-metadata>span:not(.album-status){color:var(--brand-muted)}
.detail-note,.review-note-row{background:#faf5ec;border-color:#e3d5bd}
.detail-note>strong,.review-note-row strong{color:#745734}
.detail-note p,.review-note-row p{color:#7c6a52}
.detail-photo-strip figcaption,.detail-photos h3,.detail-notes h3{color:#7c6a52}
.invite-link-field{background:#fcf7ef;border-color:#d8c3a4;color:#73552c}
.private-reminder{color:var(--brand-muted)!important}
.tools-intro,.tools-hint,.tools-label,.tools-label span,.tools-progress small,.download-size{color:var(--brand-muted)}
.tools-input,.tools-select{background:#fffdfa;border-color:#d8c7ad;color:var(--brand-black)}
.tools-progress{background:#faf5ec;border-color:#e3d5bd}
.tools-progress progress{accent-color:var(--brand-bronze);background:#e8dcc8}
.tools-progress progress::-webkit-progress-value{background:var(--brand-bronze)}
.tools-progress progress::-webkit-progress-bar{background:#e8dcc8}
.print-dimensions{background:#f5ebdb;border-color:#dfc9a8;color:#70502a}
.print-dimensions span,.progress-heading>span{color:#78634a}
.recent-prints a{color:#795b33}
.recent-prints small,.recent-prints h3{color:#7e6b50}
.import-success-mark{background:#f1e6d3;color:#7b5a2e}

/* Client review and future assistance dialogs share the same quiet, warm surfaces. */
.portal-mode .client-review-dialog{background:#fffefd;border-color:var(--brand-border)}
.portal-mode .client-review-summary{background:linear-gradient(110deg,#f2e8d7,#faf7f0);border-color:#e2d3ba}
.portal-mode .client-review-step{background:#f2e6d1;color:#846136}
.portal-mode .client-review-check,.portal-mode .client-review-footer{background:#f8f2e8}
.portal-mode .client-review-cover-words>div{border-left-color:#dbc5a0}
.portal-mode .client-review-observation{background:#fbf7ee;border-color:#e4d7bc;color:#7a613b}
.portal-mode .client-review-card.is-checked{border-color:var(--brand-bronze);box-shadow:0 0 0 1px #bc9e7440}
.portal-mode .client-review-progress{color:#846136}
.portal-mode .client-review-check input{accent-color:var(--brand-bronze)}
:is(.client-help-dialog,.client-history-dialog,.client-versions-dialog){--accent:#1c1c1c;--accent-soft:#f0e9de;--ink:#24221f;--muted:#736c63;--line:#e3ddd4;background:#fffefd;border-color:var(--brand-border)}

@media(max-width:1240px){
  .brand-mode .app-header,.portal-mode .app-header{padding-left:18px;padding-right:18px;gap:12px}
  .brand-mode .brand,.portal-mode .brand{font-size:21px;gap:9px}
  .brand-mode .brand-camera,.portal-mode .brand-camera{width:42px;height:42px}
  .brand-mode .project-meta,.portal-mode .project-meta{max-width:155px;padding-left:12px}
  .brand-mode .header-actions,.portal-mode .header-actions{gap:5px}
  .brand-mode .header-actions :is(.primary,.secondary),.portal-mode .header-actions :is(.primary,.secondary){font-size:9px;padding:9px 9px}
}
@media(max-width:1120px){
  .brand-mode .app-header,.portal-mode .app-header{display:grid;grid-template-columns:auto minmax(0,1fr);height:auto;min-height:104px;padding-top:12px;padding-bottom:12px;row-gap:10px;column-gap:20px}
  .brand-mode .project-meta,.portal-mode .project-meta{justify-self:end;text-align:right;border:0;padding:0;max-width:270px;min-width:0}
  .brand-mode .header-actions,.portal-mode .header-actions{grid-column:1/-1;width:100%;justify-content:flex-end;margin:0;gap:7px}
  .brand-mode .header-actions .history-buttons,.portal-mode .header-actions .history-buttons{margin-right:auto;border-right:0;padding-right:0}
  .brand-mode .header-actions :is(.primary,.secondary),.portal-mode .header-actions :is(.primary,.secondary){font-size:10px;padding:8px 11px;min-height:34px}
  .portal-mode .client-banner{padding-left:18px;padding-right:18px}
}
@media(max-width:960px){
  .entry-main{padding-top:36px;column-gap:4%}
  .entry-story h1{font-size:32px;letter-spacing:-.8px}
  .entry-story h1 em{font-size:49px}
  .entry-card{padding:28px 25px}
  .entry-card h2{font-size:27px}
  .entry-steps strong{font-size:15px}
  .invite-main{padding-left:5vw;padding-right:5vw;gap:4vw}
  .invite-entry{padding:25px}
  .invite-story h1{font-size:43px;letter-spacing:-1.1px}
  .invite-entry h2{font-size:28px}
}
@media(max-width:700px){
  body:has(>.app-header){height:auto;min-height:100dvh;overflow:visible}
  body:has(>.app-header)>.studio{flex:none;height:auto!important;display:flex;flex-direction:column;overflow:visible}
  :is(.brand-mode,.portal-mode) .workspace{order:0;height:72dvh;min-height:480px}
  :is(.brand-mode,.portal-mode) .inspector{order:1;border-right:0;border-top:1px solid var(--brand-border);overflow:visible}
  :is(.brand-mode,.portal-mode) .inspector-tabs{position:sticky;top:0;z-index:5}
  :is(.brand-mode,.portal-mode) .inspector-content{overflow:visible}
  :is(.brand-mode,.portal-mode) .panel{max-width:520px;width:100%;margin:auto;padding:25px}
  .brand-mode .app-header,.portal-mode .app-header{padding:13px 16px 11px;min-height:104px;row-gap:12px;column-gap:14px}
  .brand-mode .header-actions,.portal-mode .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}
  .brand-mode .header-actions :is(.primary,.secondary),.portal-mode .header-actions :is(.primary,.secondary){width:auto;font-size:10px;padding:8px 10px;min-height:35px}
  .brand-mode .header-actions .secondary::after,.portal-mode .header-actions .secondary::after{content:none}
  .brand-mode .project-meta,.portal-mode .project-meta{max-width:150px}
  .brand-mode .project-meta>span:first-child,.portal-mode .project-meta>span:first-child{font-size:10px;max-width:150px}
  .brand-mode .brand,.portal-mode .brand{font-size:21px;gap:9px}
  .brand-mode .brand-small,.portal-mode .brand-small{font-size:7px;letter-spacing:1.8px}
  .portal-mode .client-banner{padding:10px 17px;font-size:10px;gap:12px}
  .portal-mode .client-banner-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}
  .entry-header,.portal-header{height:80px;padding-left:23px;padding-right:23px}
  :is(.entry-brand,.portal-brand,.invite-brand){font-size:21px;gap:10px}
  .brand-camera,.portal-header .brand-camera{width:45px;height:45px}
  :is(.entry-brand-small,.portal-brand small,.invite-brand-small){font-size:7px;letter-spacing:1.7px}
  .entry-header-note{font-size:7px;max-width:100px;line-height:1.8;text-align:right}
  .dashboard-intro h1{font-size:29px}
  .summary-card:after{box-shadow:0 0 0 12px #faf6ef,0 0 0 13px #eee5d6}
  .submitted-summary:after{box-shadow:0 0 0 12px #f7efe2,0 0 0 13px #e9d8be}
}
@media(max-width:650px){
  .entry-main{padding:34px 23px 27px;gap:27px}
  .entry-story h1{font-size:34px}
  .entry-story h1 em{font-size:53px}
  .entry-intro{font-size:12px}
  .entry-card{padding:28px 26px}
  .entry-card h2{font-size:29px}
  .entry-steps{gap:17px}
  .entry-steps strong{font-size:15px}
  .entry-steps p{font-size:10px}
  .entry-footer{padding-left:23px;padding-right:23px;font-size:9px}
  .invite-header{padding:20px 23px}
  .invite-main{padding:33px 23px 35px;gap:24px}
  .invite-story h1{font-size:40px;letter-spacing:-1px}
  .invite-entry{padding:25px;width:100%;margin-top:0;border-top:1px solid #ded2bf}
  .invite-entry h2{font-size:28px}
  .invite-intro{font-size:12px}
  .invite-footer{font-size:9px;padding-left:23px;padding-right:23px}
}
@media(max-width:420px){
  .brand-mode .project-meta,.portal-mode .project-meta{max-width:98px}
  .brand-mode .project-meta>span:first-child,.portal-mode .project-meta>span:first-child{max-width:98px}
  .brand-mode .brand,.portal-mode .brand{font-size:19px}
  .brand-mode .brand-camera,.portal-mode .brand-camera{width:38px;height:38px}
  .brand-mode .header-actions,.portal-mode .header-actions{gap:5px}
  .brand-mode .header-actions :is(.primary,.secondary),.portal-mode .header-actions :is(.primary,.secondary){font-size:9px;padding:8px 8px}
  .entry-header-note{display:none}
  .entry-main{padding-left:20px;padding-right:20px}
  .entry-story h1{font-size:31px}
  .entry-story h1 em{font-size:49px}
  .entry-card{padding:25px 22px}
  .entry-steps{gap:12px}
  .entry-steps strong{font-size:14px}
  .portal-header{padding-left:18px;padding-right:18px}
  .portal-brand{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body :is(button,a,input,textarea,select){transition:none!important}.loading-ring,.invite-loading span{animation:none!important}body dialog::backdrop{backdrop-filter:none}.album-visual img{transition:none!important}.album-visual:hover img{transform:none}}