.continuation-panel{border:1px solid #c9c5b7;border-top:2px solid #9b793b;padding:18px;margin:0 0 28px;background:#f5f3ed;color:#18211b}
#continuation-panel{position:relative;isolation:isolate;background:#111413;color:#f7f5ef;border-color:#b9934266;border-top-color:#b99342}
#continuation-panel::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:var(--surface) center/cover no-repeat;
 opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter);
}
#continuation-panel :is(h2,p,label,figcaption){color:#d4d7d1}
#continuation-panel :is(h2,label){color:#f7f5ef}
#continuation-panel #continuation-expiry{color:#e2cc99;font-weight:600}
#continuation-panel #continuation-status{color:#b9d7c1}
#continuation-panel #continuation-status.save-error{color:#ffd0b6}
#continuation-panel input{background:#fff;color:#18211b;border-color:#d5bc82}
#continuation-panel button:where(:not(#continuation-qr-enlarge)){padding:10px 12px;color:#f7f5ef;background:#111413ed;border:1px solid #d5bc8280}
#continuation-panel .button.dark{background:#f4f0e5;color:#121414;border-color:#d5bc82;border-bottom:2px solid #b99342}
#continuation-panel button:hover:not(:disabled):where(:not(#continuation-qr-enlarge)){background:#d5bc82;color:#121414}
#continuation-panel #continuation-delete{color:#f6c2b6;background:#291c18ed;border-color:#bd8f82}
#continuation-panel #continuation-delete-yes{background:#702f24;color:#fff;border-color:#e3ad9e}
#continuation-panel #continuation-delete-yes:hover:not(:disabled){background:#913d2f;color:#fff}
#continuation-panel :is(button,input):focus-visible{outline:3px solid #e3c57b;outline-offset:3px}
#continuation-panel :is(#continuation-consent,#continuation-delete-confirm,#continuation-incoming){border-color:#b9934266}
.continuation-panel h2{font:600 17px/1.4 Arial,sans-serif;margin:0 0 7px;letter-spacing:0}
.continuation-panel p,.continuation-panel label{font-size:13px;line-height:1.6;margin:8px 0}
.continuation-panel label{display:block;font-weight:600}
.continuation-panel input{display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid #9f9f92;padding:12px;font:16px/1.4 Arial,sans-serif;background:#fff;color:#18211b}
.continuation-panel .continuation-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:10px}
.continuation-panel button{min-height:44px;font-size:12px;white-space:normal;text-align:left;line-height:1.5}
.continuation-panel .button{padding:12px 16px}
.continuation-panel button:disabled{opacity:.55;cursor:wait}
.continuation-panel [hidden]{display:none!important}
#continuation-status{font-weight:600;color:#254b37;overflow-wrap:anywhere}
#continuation-status:empty{display:none}
#continuation-status.save-error{color:#8b391d}
.continuation-panel .continuation-hint{font-size:12px;color:#465347}
#continuation-consent,#continuation-delete-confirm,#continuation-incoming{border-top:1px solid #c9c5b7;padding-top:12px;margin-top:12px}
.continuation-summary{margin-top:24px}
@media(max-width:420px){.continuation-panel{padding:15px}.continuation-panel .continuation-actions{align-items:stretch}.continuation-panel .button{flex-grow:1;text-align:center;justify-content:center}}
.continuation-transfer{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:start}
.continuation-link-controls{min-width:0}
.continuation-panel .continuation-qr{margin:8px 0 0;width:220px;max-width:100%}
.continuation-qr svg{display:block;width:100%;height:auto;aspect-ratio:1;background:#fff;shape-rendering:crispEdges}
.continuation-panel .continuation-qr figcaption{font:12px/1.6 Arial,sans-serif;color:#465347;margin-top:8px;padding:0;text-align:center;text-transform:none;letter-spacing:0}
@media(max-width:760px){.continuation-transfer{grid-template-columns:minmax(0,1fr);gap:14px}.continuation-panel .continuation-qr{justify-self:center;margin-top:0}}

.continuation-panel #continuation-qr-enlarge{display:block;width:100%;padding:0;border:1px solid #c9c5b7;background:#fff;cursor:zoom-in;line-height:0;border-radius:0}
#continuation-qr-image{display:block}
#continuation-qr-enlarge:focus-visible,.continuation-qr-dialog button:focus-visible{outline:3px solid #997230;outline-offset:4px}
html.continuation-qr-open{overflow:hidden}
.continuation-qr-dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:1px solid #b89c65;background:#fff;color:#18211b;overflow:auto;overscroll-behavior:contain}
.continuation-qr-dialog::backdrop{background:rgb(0 0 0 / .76)}
.continuation-qr-header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.continuation-qr-dialog h2{font:600 23px/1.25 Arial,sans-serif;margin:0;letter-spacing:-.4px;text-transform:none}
.continuation-qr-dialog button{flex:none;min-height:44px;min-width:72px;padding:8px 12px;border:1px solid #18211b;background:#fff;color:#18211b;font:600 14px/1.5 Arial,sans-serif;cursor:pointer;border-radius:0}
.continuation-qr-dialog p{font:14px/1.6 Arial,sans-serif;margin:16px 0;color:#465347}
#continuation-qr-large{width:min(100%,440px);margin:0 auto}
#continuation-qr-large svg{display:block;width:100%;height:auto;aspect-ratio:1;background:#fff;shape-rendering:crispEdges}
.continuation-qr-dialog #continuation-qr-large-expiry{text-align:center;margin:12px 0 0;font-weight:600;color:#18211b}
.continuation-qr-dialog .continuation-qr-private{text-align:center;font-size:12px;margin:6px 0 0}
@media(max-width:480px){.continuation-qr-dialog{padding:16px}.continuation-qr-dialog h2{font-size:20px}.continuation-qr-dialog p{font-size:13px;margin:12px 0}}
@media(max-height:540px) and (min-width:600px){.continuation-qr-dialog{--qr-landscape-size:clamp(200px,calc(100dvh - 150px),270px);width:560px;padding:16px;display:none;grid-template-columns:1fr var(--qr-landscape-size);gap:10px 18px;align-items:start}.continuation-qr-dialog[open]{display:grid}.continuation-qr-header{grid-column:1/-1}.continuation-qr-dialog #continuation-qr-description{grid-column:1;grid-row:2;margin:0}#continuation-qr-large{grid-column:2;grid-row:2/7;width:var(--qr-landscape-size)}.continuation-qr-dialog #continuation-qr-large-expiry{grid-column:1;grid-row:3;text-align:left;margin:0}.continuation-qr-dialog .continuation-qr-private{grid-column:1;grid-row:4;text-align:left;margin:0}}

.continuation-qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.continuation-qr-dialog .continuation-qr-actions button{flex:1 1 170px;max-width:240px;min-height:48px}
.continuation-qr-dialog #continuation-qr-save{background:#18211b;color:#fff;border-bottom:2px solid #9b793b}
.continuation-qr-dialog button:disabled{opacity:.55;cursor:wait}

/* Match the project viewers while keeping the code and its quiet zone pure white. */
.continuation-qr-dialog{isolation:isolate;background:#111413;color:#f7f5ef;scrollbar-color:#837453 #111413}
.continuation-qr-dialog::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:var(--surface) center/cover no-repeat;
 opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter);
}
.continuation-qr-dialog p{color:#d4d7d1}
.continuation-qr-dialog #continuation-qr-large-expiry{color:#e2cc99}
.continuation-qr-dialog button{background:#111413ed;color:#f7f5ef;border-color:#d5bc82}
.continuation-qr-dialog #continuation-qr-save{background:#f4f0e5;color:#121414;border-color:#d5bc82;border-bottom-color:#b99342}
.continuation-qr-dialog button:hover:not(:disabled){background:#d5bc82;color:#121414}
.continuation-qr-dialog button:focus-visible{outline-color:#e3c57b}
#continuation-qr-large,#continuation-qr-large svg{background:#fff;opacity:1;filter:none;mix-blend-mode:normal}
.continuation-qr-dialog #continuation-qr-export-status{font-size:12px;line-height:1.5;text-align:center;margin:10px 0 0;min-height:36px;overflow-wrap:anywhere}
@media(max-width:480px){.continuation-qr-dialog .continuation-qr-actions button{flex:1 1 120px;padding:8px;font-size:13px}.continuation-qr-dialog #continuation-qr-description{margin:10px 0}#continuation-qr-large{width:min(100%,max(230px,calc(100dvh - 310px)))}.continuation-qr-actions{gap:8px;margin-top:12px}}
@media(max-height:540px) and (min-width:600px){.continuation-qr-actions{grid-column:1;grid-row:5;gap:8px;margin-top:0}.continuation-qr-dialog .continuation-qr-actions button{flex:1 1 auto;min-height:44px;padding:8px;font-size:13px}.continuation-qr-dialog #continuation-qr-export-status{grid-column:1/-1;grid-row:7;text-align:left;margin:0;min-height:0}.continuation-qr-dialog .continuation-qr-private{font-size:11px}}