:root{--paper:#f8f6f0;--ink:#30372f;--muted:#7c8075;--line:#e4e3d9;--accent:#6c3046;--mint:#e7eadd;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--accent)}button{color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:94px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;gap:58px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-weight:700;letter-spacing:-2px;font-size:37px;color:var(--accent)}.brand>svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5}.brand>span{font:11px Arial,sans-serif;letter-spacing:0;align-self:flex-start;margin:8px 0 0 -5px}nav{display:flex;align-items:center;height:100%;gap:28px}.nav-button{border:0;background:none;height:100%;position:relative;font-size:13px;color:var(--muted);padding:0 2px}.nav-button.active{color:var(--ink)}.nav-button.active:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--accent)}#saved-count{font-size:10px;background:#e9e7dd;border-radius:10px;margin-left:5px;padding:3px 6px}.header-note{margin-left:auto;font-size:12px;display:flex;gap:10px;align-items:center}.little-star{font-size:23px;color:var(--accent)}main{max-width:1440px;margin:auto;padding:0 56px}.intro{display:flex;align-items:center;justify-content:space-between;padding:47px 0 33px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 14px;color:var(--accent)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.9px;font-size:clamp(32px,3.3vw,49px);line-height:1.12;margin:0 0 14px}h1 em{color:var(--accent);font-weight:400}.intro-copy{font-size:13px;color:#777b70;margin:0;line-height:1.6}.intro-note{display:flex;align-items:center;gap:15px;margin-right:40px;transform:rotate(-7deg);color:#7b826e}.intro-note span{font:italic 17px/1.3 Georgia,serif}.intro-note svg{width:58px;fill:none;stroke:currentColor;stroke-width:1.5}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:start}.preview-panel{min-width:0;background:#e8ecdf;border:1px solid #e0e4d8;border-radius:6px;overflow:hidden;position:relative}.preview-heading{position:absolute;left:25px;right:20px;top:19px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.preview-heading>*{pointer-events:auto}.live-badge{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.6px;color:#69715f;font-weight:600}.live-badge i{height:6px;width:6px;border-radius:50%;background:#6e8061}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;background:transparent}.icon-button:hover{background:#ffffff80;border-color:#ccd3c4}.icon-button svg,.button svg,.tool-button svg,.download-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;flex-shrink:0}.stage{height:440px;min-height:300px;background:radial-gradient(ellipse at 50% 36%,#f5f6eb 0%,#e9eddf 58%,#e2e8d7 100%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.stage-hint{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;color:#76816b;margin-top:-17px;padding-bottom:25px;position:relative;pointer-events:none}.stage-hint svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.2}.preview-toolbar{display:flex;gap:14px;align-items:center;padding:14px 22px 12px;border-top:1px solid #d7ddce;background:#edf0e5}.button{border:1px solid #c9cebf;border-radius:4px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--white);font-size:12px;font-weight:500;transition:background .15s,transform .15s}.button:hover{background:#f3eee5}.button:active{transform:translateY(1px)}.button.small{padding:10px 12px;font-size:11px}.button.primary{background:var(--accent);color:#fff7e9;border-color:var(--accent)}.button.primary:hover{background:#532338}.button.outline{background:transparent}.button.outline:hover{background:#f0eee5}.button.wide{width:100%}.button.wide>span{margin-left:auto}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;padding:7px 0;font-size:11px;color:#626e59;white-space:nowrap}.tool-button:hover{color:var(--accent)}.tool-button[aria-pressed=true]{color:var(--accent);font-weight:600}.toolbar-spacer{flex:1}.fold-control{display:flex;gap:14px;align-items:center;padding:0 24px 17px;background:#edf0e5}.fold-control label,.fold-control>span{font-size:8px;letter-spacing:1px;color:#7c8375}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;height:14px;min-width:0}input[type=range]:focus-visible{outline-offset:3px}.editor{background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden}.editor-heading{padding:23px 25px 16px;display:flex;align-items:center;justify-content:space-between}.editor-heading h2{font:400 23px Georgia,serif;margin:0;letter-spacing:-.6px}.editor-heading>span{font-size:9px;color:#92968c;letter-spacing:1px}.editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 25px;border-bottom:1px solid var(--line)}.editor-tabs>button{font-size:11px;background:none;border:0;padding:13px 0;position:relative;color:#85897f}.editor-tabs>button[aria-selected=true]{color:var(--accent)}.editor-tabs>button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tab-panel{padding:21px 25px;min-height:354px}.field-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.field-heading h3,.tab-panel h3{font-size:11px;font-weight:500;margin:0}.field-heading span{font-size:9px;color:#96998e}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.design-button{padding:0;background:#f3eee4;border:2px solid transparent;border-radius:4px;overflow:hidden;position:relative;aspect-ratio:1/.98;transition:transform .18s}.design-button:hover{transform:translateY(-3px)}.design-button.selected{border-color:var(--accent)}.design-button.selected:after{content:'✓';position:absolute;right:4px;bottom:4px;color:#fff;background:var(--accent);border-radius:50%;width:15px;height:15px;line-height:15px;font-size:10px}.design-button img{width:100%;height:100%;object-fit:cover;display:block}.design-details{margin:13px 0 21px}.design-details>span{font:18px Georgia,serif}.design-details p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 0}.input-label{font-size:10px;display:block;margin:11px 0 7px;color:#69705f}.colour-label{margin-top:0}.swatches{display:flex;align-items:center;gap:10px;margin-top:10px}.swatch{height:23px;width:23px;border:3px solid var(--white);outline:1px solid transparent;border-radius:50%;padding:0;position:relative}.swatch.selected{outline-color:var(--ink)}.swatch.selected:after{content:'✓';color:white;font-size:10px;position:absolute;inset:0;text-align:center;line-height:17px}.paper-note{display:flex;align-items:center;gap:10px;margin:14px 0 16px;color:#7a7f72}.paper-note>span{font-size:24px;color:#a2a98e}.paper-note p{font-size:10px;line-height:1.6;margin:0}.editor-footer{padding:17px 25px 18px;border-top:1px solid var(--line);background:#fdfcf6}.editor-footer p{text-align:center;font-size:9px;color:#999c91;margin:4px 0 0}.download-button{display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;width:100%;padding:13px 0 7px;font-size:10px;color:#747c6b}.download-button:hover{color:var(--accent)}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:32px 0 38px;border-bottom:1px solid var(--line)}.how-it-works>div{display:flex;gap:14px;align-items:center}.step-number{font:italic 25px Georgia,serif;color:#9aa48b}.how-it-works p{margin:0;display:flex;flex-direction:column;gap:6px}.how-it-works strong{font-size:11px;font-weight:500}.how-it-works p span{font-size:10px;color:var(--muted)}.site-footer{max-width:1440px;padding:23px 56px 30px;margin:auto;display:flex;align-items:center;gap:25px;font-size:10px;color:#8f9585}.footer-brand{font:bold 22px Georgia,serif;letter-spacing:-1px;color:#798368}.site-footer button{margin-left:auto;background:none;border:0;font-size:10px;color:#7c856e}.site-footer button:hover{text-decoration:underline}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row span{font-size:9px;color:#93988b}input:not([type=range]):not([type=file]),textarea{width:100%;border:1px solid #dfe2d6;background:#fffefb;border-radius:4px;padding:10px 11px;font-size:12px;color:var(--ink)}textarea{resize:vertical;min-height:81px;line-height:1.6}.field-help{font-size:10px;line-height:1.7;color:#8b9180;margin:11px 0 0}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bdc5ad;border-radius:4px;padding:17px 10px;gap:9px;cursor:pointer;margin-top:16px;background:#f6f7ee;text-align:center}.upload-zone:hover{background:#edefe0}.upload-zone svg{width:21px;height:21px;stroke:#758367;fill:none;stroke-width:1.3}.upload-zone strong{font-size:11px;font-weight:500}.upload-zone>span{font-size:9px;color:#919881}.upload-zone.compact{padding:14px 10px}.remove-art{display:block;border:0;background:none;font-size:9px;text-decoration:underline;color:var(--accent);margin-top:7px}.webgl-error{position:absolute;inset:15% 10%;background:var(--paper);border-radius:8px;padding:25px;text-align:center;line-height:1.7;font-size:14px;display:flex;align-items:center;justify-content:center;flex-direction:column}.saved-heading{display:flex;align-items:center;justify-content:space-between;padding:56px 0 35px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0 0 50px}.saved-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--white)}.saved-card>img{display:block;width:100%;height:220px;object-fit:cover;background:#e9eddf}.saved-card-info{padding:20px}.saved-card-info h2{font:22px Georgia,serif;margin:0 0 8px}.saved-card-info p{font-size:11px;color:var(--muted);margin:0 0 17px}.saved-card-actions{display:flex;gap:9px}.saved-card-actions .button{padding:9px 13px}.saved-card-actions .delete-card{margin-left:auto;background:none;border:0;font-size:10px;color:#8b8d80}.empty-state{text-align:center;padding:60px 20px 90px}.empty-state>span{font-size:60px;color:#b7bfa8}.empty-state h2{font:27px Georgia,serif}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:25px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#303c2e;color:#fffdf4;padding:14px 22px;box-shadow:0 5px 30px #0002;border-radius:6px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);width:max-content;line-height:1.5;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:0;padding:0;box-shadow:0 10px 100px #0003;color:var(--ink)}dialog::backdrop{background:#303a2dbb;backdrop-filter:blur(6px)}.viewer-dialog{border-radius:9px;width:min(920px,94vw);max-height:95dvh;background:radial-gradient(ellipse at 50% 40%,#f6f6ed,#e4e8d8);text-align:center;overflow:auto}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:20px 27px}.viewer-top .brand{font-size:28px}.viewer-dialog>.eyebrow{margin:8px 0 10px}.viewer-dialog>h2{font:400 30px Georgia,serif;margin:0}.viewer-stage{height:min(50vh,460px)}.viewer-actions{display:flex;align-items:center;justify-content:center;gap:20px}.viewer-help{font-size:10px;color:#859075;margin:18px 0 25px}.about-dialog{border-radius:8px;background:var(--paper);max-width:480px;width:92vw;padding:40px}.dialog-close{position:absolute;right:12px;top:12px}.about-dialog h2{font:36px/1.15 Georgia,serif;margin:15px 0 22px}.about-dialog p:not(.eyebrow){font-size:13px;line-height:1.7;color:#757c6c}.about-dialog .button{margin-top:12px}@media(min-width:1500px){.stage{height:490px}.tab-panel{min-height:404px}.design-grid{margin-top:8px}.paper-note{margin:24px 0}}@media(max-width:1100px){.site-header{padding:0 30px;gap:40px}main{padding:0 30px}.site-footer{padding:23px 30px 30px}.studio-layout{grid-template-columns:minmax(0,1fr) 325px;gap:20px}.stage{height:415px}.intro-note{margin-right:15px}.preview-toolbar{gap:11px;padding:14px}.tab-panel,.editor-heading,.editor-footer{padding-left:20px;padding-right:20px}.editor-tabs{margin:0 20px}.how-it-works{gap:15px}}@media(max-width:840px){.header-note{display:none}.site-header{height:76px;justify-content:space-between}.studio-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.intro-note{display:none}.stage{height:360px}.intro{padding-top:34px}.preview-toolbar{gap:9px;flex-wrap:wrap}.preview-toolbar .tool-button{font-size:10px}.preview-toolbar .button{font-size:10px;padding:9px}.toolbar-spacer{min-width:0}.preview-toolbar>.icon-button{display:none}.how-it-works{grid-template-columns:1fr}.how-it-works>div{padding:4px 0}.saved-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.site-header{padding:0 20px;gap:20px}.brand{font-size:31px}.brand>svg{width:27px}.site-header nav{gap:20px}.nav-button{font-size:11px}main{padding:0 18px}.intro{padding:29px 2px 25px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:34px;letter-spacing:-1.4px}.intro-copy{font-size:11px}.studio-layout{display:flex;flex-direction:column;gap:19px}.preview-panel,.editor{width:100%}.preview-heading{top:11px;left:17px;right:12px}.stage{height:330px}.stage-hint{font-size:9px;padding-bottom:16px;margin-top:-8px}.preview-toolbar{padding:13px 17px 9px;gap:16px}.preview-toolbar>.icon-button{display:inline-flex}.preview-toolbar .tool-button{font-size:11px}.preview-toolbar .button{font-size:11px;padding:10px 12px}.fold-control{padding:0 20px 13px}.live-badge{font-size:8px}.editor-heading{padding:20px 22px 12px}.editor-tabs{margin:0 22px}.editor-tabs>button{font-size:12px;padding:14px 0}.tab-panel{padding:22px;min-height:0}.design-grid{grid-template-columns:repeat(3,1fr);gap:13px}.design-button{max-height:112px}.design-details{margin-bottom:20px}.paper-note{margin:19px 0}.input-label{font-size:12px;margin-top:16px}input:not([type=range]):not([type=file]),textarea{font-size:16px}.field-help{font-size:11px}.editor-footer{padding:18px 22px}.editor-footer .button{font-size:13px;padding:13px}.download-button{font-size:12px;padding-top:16px}.how-it-works{padding:26px 5px;gap:15px}.how-it-works strong{font-size:12px}.how-it-works p span{font-size:11px}.site-footer{padding:22px 23px;gap:13px;flex-wrap:wrap}.site-footer>span:nth-child(2){font-size:9px}.site-footer button{font-size:9px;margin-left:0;width:100%;text-align:left;padding:0}.saved-heading{padding:35px 0 25px;align-items:start;gap:20px;flex-direction:column}.saved-grid{grid-template-columns:1fr}.viewer-top{padding:15px 18px}.viewer-dialog>h2{font-size:26px}.viewer-stage{height:350px;max-height:47vh}.viewer-dialog>.eyebrow{font-size:8px}.about-dialog{padding:32px}.about-dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ai-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.ai-status-row>span{font-size:8px;padding:4px 6px;background:#eee9dd;border-radius:3px;color:#8b765a}.ai-status-row>span.connected{color:#52704e;background:#e5eedc}.chat-log{max-height:270px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;padding:0 1px 5px}.chat-message{font-size:11px;line-height:1.6;border-radius:5px;padding:11px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.assistant{background:#f1f3e9;color:#636d57;margin-right:10px}.chat-message.user{background:#f1e6e7;color:#723c4d;margin-left:16px}.prompt-ideas{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.prompt-ideas>button{padding:6px 8px;border:1px solid #e1e3d4;background:transparent;border-radius:3px;font-size:9px;color:#7c866b}.prompt-ideas>button:hover{background:#f0f3e5}#scene-form textarea{font-size:12px;margin:0 0 9px}.ai-progress{font-size:11px;line-height:1.6;margin-top:15px;background:#f2e7d9;padding:12px;border-radius:4px;color:#876444}#message-panel{padding-top:10px}#message-panel .input-label:first-child{margin-top:7px}#artwork-panel .upload-zone{margin-top:11px;padding-top:12px;padding-bottom:12px}@media(max-width:680px){#scene-form textarea{font-size:16px}.chat-message{font-size:12px}.editor-tabs>button{font-size:11px}}

.site-header .brand{flex:0 0 auto;line-height:0}.brand-logo{display:block;width:120px;height:auto}@media(max-width:680px){.brand-logo{width:96px}}

.header-new-card{flex:none;white-space:nowrap;margin-left:auto}.header-note+.header-new-card{margin-left:0}.site-header{gap:32px}.fresh-start{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin:0 0 22px;background:#f0f1e6;border:1px solid #dce0ce;border-radius:6px;scroll-margin-top:20px}.fresh-start h2{font:25px Georgia,serif;letter-spacing:-.5px;margin:0 0 7px}.fresh-start p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.fresh-start-actions{display:flex;gap:8px;flex-wrap:wrap}.fresh-start-actions .button{font-size:11px;padding:10px 13px;white-space:nowrap}.new-card-dialog{max-width:440px;width:calc(100% - 36px);padding:34px;border-radius:8px;background:var(--paper)}.new-card-dialog h2{font:30px Georgia,serif;margin:0 0 17px}.new-card-dialog>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#757c6c}.new-card-actions{display:flex;flex-direction:column;gap:10px;margin-top:23px}.new-card-actions .tool-button{padding:8px}.new-card-dialog .new-card-error{color:var(--accent)!important;font-size:12px!important;margin-bottom:0}@media(max-width:1000px){.site-header .header-note{display:none}.fresh-start{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;gap:0;padding-top:8px}.site-header nav{order:3;flex-basis:100%;height:42px;gap:24px}.site-header .header-new-card{margin-left:auto;padding:10px 14px;font-size:12px}.fresh-start{padding:18px;gap:16px}.fresh-start h2{font-size:23px}.fresh-start-actions{gap:8px}.fresh-start-actions .button{padding:10px 11px}.new-card-dialog{padding:30px 24px}}

.design-button{position:relative}.preset-label{position:absolute;left:0;right:0;bottom:0;padding:7px 3px;background:rgba(252,245,230,.94);color:#343a32;font-size:11px;line-height:1.2;text-align:center}.design-button.selected .preset-label{padding-right:23px}

/* Larger working area and recipient view. */
#studio-view{max-width:1600px}.viewer-dialog{width:min(1160px,96vw)}
.viewer-dialog .viewer-stage{height:min(64vh,650px);max-height:none}
.account-button{margin-left:auto;white-space:nowrap;font-size:12px}
#viewer-create:disabled{opacity:.6;cursor:default}
@media(max-width:700px){.viewer-dialog .viewer-stage{height:53vh;min-height:330px}.account-button{padding:8px 10px;font-size:11px}}
#studio-view .stage{height:clamp(440px,58vh,620px)}
@media(max-width:700px){#studio-view .stage{height:400px}}

/* Keep account and creation actions together at the right of the header. */
.site-header .account-button{margin-left:auto;margin-right:0}
.site-header .header-new-card{margin-left:10px}
/* Give the heading more separation from the enlarged card. */
.viewer-dialog>#viewer-recipient,.viewer-dialog>#viewer-title{position:relative;top:-24px}
.viewer-actions{gap:12px;flex-wrap:wrap;padding:0 16px}
.viewer-actions>button{background:var(--accent);color:#fff8e7;border:1px solid var(--accent);border-radius:4px;padding:12px 20px;font:12px Arial,sans-serif;min-height:42px}
.viewer-actions>button:disabled,#viewer-create:disabled{opacity:1;cursor:default}
@media(max-width:700px){.site-header .header-new-card{margin-left:6px}.viewer-dialog>#viewer-recipient,.viewer-dialog>#viewer-title{top:-16px}}

.site-header .account-button{background:transparent;color:var(--accent);border:1px solid var(--accent)}

/* Keep the full preview and its controls in view while the editor scrolls. */
@media(min-width:681px){
  .studio-layout>.preview-panel{position:sticky;top:16px;align-self:start}
  #studio-view .stage{height:min(58vh,620px,calc(100dvh - 160px));min-height:220px}
}
/* Creation first, account action at the far right. */
.site-header .header-new-card{margin-left:auto}
.site-header .account-button{margin-left:0}
@media(max-width:680px){.site-header .account-button{margin-left:10px}}
.studio-about{max-width:1440px;margin:32px auto 0;padding:0 56px 30px;border-bottom:1px solid var(--line)}
.studio-about h2{font:400 30px/1.2 Georgia,serif;margin:0 0 16px}
.studio-about p{font-size:13px;line-height:1.8;color:#757c6c;max-width:880px}
.studio-about .eyebrow{font-size:10px;color:var(--accent)}
.studio-about-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.studio-about h3{font-size:14px;font-weight:500;margin:16px 0 4px}
.site-footer .support-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin-left:auto}
.site-footer #about-button{margin-left:0;white-space:nowrap}
@media(max-width:680px){.studio-about{padding:0 23px 24px}.studio-about-columns{grid-template-columns:1fr;gap:0}.studio-about h2{font-size:26px}.site-footer .support-link{margin-left:0}}

#send-button{margin-top:10px;color:var(--accent);border-color:var(--accent)}
#send-dialog{max-width:480px;max-height:92dvh;overflow:auto}
#send-dialog .button{margin-top:10px}#send-dialog input{font-size:14px}
#send-status{font-size:13px;color:var(--accent)}
.saved-card-actions{flex-wrap:wrap}

.design-button.layered-preset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.design-button.layered-preset .preset-label{z-index:1}.design-button.layered-preset.selected:after{z-index:2}

.credit-store{max-width:700px;max-height:90dvh;overflow:auto}.credit-table{overflow:auto;max-height:260px}.credit-table table{border-collapse:collapse;width:100%;font-size:12px}.credit-table th,.credit-table td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.credit-store select{width:100%;padding:14px;border:1px solid var(--line);border-radius:5px;background:var(--white);font:inherit}.credit-store h3{font:23px Georgia,serif}.credit-store #refresh-credits{margin:12px 0}#credits-empty{margin:15px 0;padding:16px;background:#f0e8e8;border-radius:6px;font-size:13px;line-height:1.6}#credits-empty .button{margin:5px 0;font-size:12px}#account-credits,#import-cards{margin:0 10px 20px 0}#open-credit-store{margin-top:12px;font-size:12px}

.credit-store select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23713950' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
#checkout-credits:disabled{cursor:default}#checkout-credits[aria-busy="true"]{cursor:wait}