/* Commission forms share the sketchbook's paper, ink, and twilight colors. */
body.commission-page-locked{position:fixed;top:var(--commission-page-top);left:var(--commission-page-left);width:100%;overflow:hidden}
.commission-dialog{overscroll-behavior:contain;scroll-padding-block:20px}
.commission-dialog input,.commission-dialog select,.commission-dialog textarea,.commission-quote-form input,.commission-quote-form textarea{line-height:1.5;caret-color:#493a52}
.commission-dialog select:focus-visible,.commission-toolbar select:focus-visible{outline:3px solid #c77b48;outline-offset:5px}
.commission-dialog{border-radius:18px}.commission-dialog input,.commission-dialog select,.commission-dialog textarea,.commission-quote-form input,.commission-quote-form textarea,.commission-toolbar select{font-size:16px!important;min-height:48px}.commission-dialog button,.commission-actions>* ,.commission-toolbar button,.commission-settings button{min-height:44px}.commission-dialog label span{font-size:12px;color:#746775}.commission-adult{margin:20px 0!important;align-items:flex-start!important;line-height:1.6;min-height:44px}.commission-adult input{flex:0 0 auto;min-height:0;margin-top:4px}.commission-adult span{font-size:13px!important;color:#4c4055!important}.commission-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.commission-success{padding:12px 0 8px}.success-star{font-size:48px;color:#8c6e94}.commission-success h3{font:38px/1.1 Georgia,serif;color:#42314e;margin:14px 0}.commission-success>p{font-size:14px;line-height:1.8}.commission-success label{display:block;font-size:13px;margin:24px 0 8px}.commission-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.commission-actions .primary-button{border-radius:7px}.commission-actions .text-button{padding:12px 4px;line-height:1.5}.commission-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:28px}.commission-heading .eyebrow{color:#78627f;font-size:10px}.commission-heading .studio-subheading{margin:10px 0 18px}.commission-badge{display:inline-block;flex:0 0 auto;align-self:center;border:1px solid #c7b8ca;border-radius:30px;background:#efe8f0;color:#5c4665;padding:8px 12px;font-size:11px;line-height:1.3;white-space:nowrap}.commission-settings{display:flex;gap:14px 24px;align-items:center;flex-wrap:wrap;background:#ece5ed;border:1px solid #d6cad9;border-radius:12px;padding:18px 20px}.commission-settings .checkbox-label{margin:0!important;flex:1}.commission-settings .field-hint{flex-basis:100%;margin:0}.commission-settings button{font-size:13px;border-radius:6px}.commission-toolbar{display:flex;gap:18px;align-items:flex-end;margin:20px 0}.commission-toolbar>div{flex:1;max-width:330px}.commission-toolbar label{margin-top:0!important}.commission-toolbar button{padding:12px 4px;font-size:12px}.commission-request{padding:0!important;border-radius:12px;overflow:hidden;background:#fbf8f2}.commission-request>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;min-height:84px}.commission-request>summary::-webkit-details-marker{display:none}.commission-request>summary>span:first-child{min-width:0}.commission-request summary strong{display:block;font:23px/1.2 Georgia,serif;color:#46344e;overflow-wrap:anywhere}.commission-request summary .request-name{display:block;font-size:12px;line-height:1.6;color:#6e6073;margin-top:7px;overflow-wrap:anywhere}.commission-request>summary:after{content:'+';font-size:23px;color:#725d7c}.commission-request[open]>summary:after{content:'−'}.commission-request>summary .commission-badge{margin-left:auto}.commission-request>summary:focus-visible{outline:3px solid #c77b48;outline-offset:-5px}.commission-request[open]>summary{border-bottom:1px solid #ddd1df;background:#f2ebf2}.commission-request-body{padding:4px 24px 26px}.commission-request .request-contact{font-size:13px}.commission-request .request-description{font-size:14px}.commission-details{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:15px 0;margin:0;border-bottom:1px solid #dfd4df}.commission-detail dt{font-size:11px;color:#786b7c;margin:0 0 5px}.commission-detail dd{font-size:13px;margin:0;overflow-wrap:anywhere;line-height:1.6}.commission-quote-form{margin-top:20px;padding-top:20px;border-top:1px solid #dfd4df}.commission-quote-form h4{margin:0 0 14px}.commission-quote-form fieldset{border:0;padding:0;margin:0;min-width:0}.commission-quote-form fieldset:disabled{opacity:1}.commission-quote-form fieldset:disabled input,.commission-quote-form fieldset:disabled textarea{color:#65576d;-webkit-text-fill-color:#65576d;opacity:1;background:#eee8ed}.commission-quote-form label{font-size:13px!important;max-width:none!important}.commission-quote-form textarea{line-height:1.6}.commission-quote-form .field-hint{font-size:12px;line-height:1.7}.commission-legacy{margin-top:30px;border-top:1px solid #d7cbd8;padding-top:15px}.commission-legacy>summary{font-size:14px;padding:12px 0;cursor:pointer}.commission-legacy .request-card{border-radius:10px}.commission-toolbar button:disabled,.commission-settings button:disabled{opacity:.55;cursor:default}
@media(max-width:580px){.commission-heading{display:block}.commission-heading .commission-badge{margin-bottom:18px}.commission-settings{padding:16px}.commission-settings button{width:100%}.commission-toolbar{gap:6px 16px;flex-wrap:wrap}.commission-toolbar>div{flex-basis:100%;max-width:none}.commission-toolbar button{flex:1}.commission-request>summary{padding:17px 15px;gap:10px;flex-wrap:wrap}.commission-request summary strong{font-size:21px}.commission-request>summary>span:first-child{flex:1 1 65%}.commission-request>summary .commission-badge{margin-left:0;order:2}.commission-request-body{padding:2px 16px 22px}.commission-quote-form .request-fields{gap:0}.commission-actions{gap:8px 16px}.commission-actions .primary-button{width:100%;order:-1}.commission-success h3{font-size:32px}.commission-success>p{font-size:13px}.commission-dialog .request-fields{display:block}}
.commission-delete{margin-top:24px;color:#8b484d!important}.commission-portal main{display:block;width:min(760px,88%);margin:35px auto 60px;min-height:0}.commission-portal .portal-intro{padding:4px 0 28px}.commission-portal .portal-intro .eyebrow{color:#e0cfae;margin:0 0 20px}.commission-portal h1{font-size:clamp(46px,6vw,72px);margin-bottom:18px}.commission-portal .portal-intro>p:last-child{font-size:14px;color:#e7dce9}.commission-portal .portal-card{background:#f8f3e9;border:1px solid #fff7;border-radius:22px;color:#342c3d;padding:36px 40px;box-shadow:0 24px 70px #0d091d66}.commission-portal .portal-card>.card-star{display:block;margin-bottom:15px}.commission-portal .portal-card h2{font-size:39px}.commission-portal h3{font:29px/1.2 Georgia,serif;margin:10px 0 20px;color:#493a52}.commission-portal .eyebrow{font-size:10px;color:#78627f}.commission-portal .form-message{font-size:13px;line-height:1.7;color:#66536f;min-height:0;margin:15px 0}.commission-portal .form-message:empty{display:none}.commission-portal .form-message.error{color:#913d42}.commission-portal .portal-status-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 28px;padding-bottom:20px;border-bottom:1px solid #daceda}.commission-portal .text-button{font-size:13px;background:none;border:0;color:#6a5273;min-height:44px;padding:11px 2px}.commission-portal .request-description{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.commission-portal .portal-quote-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.commission-portal .portal-quote-heading h3{margin:10px 0}.commission-portal #portal-price{font:30px Georgia,serif;color:#70547d;white-space:nowrap}.commission-portal .portal-quote-details{display:grid;gap:20px;margin:15px 0 28px}.commission-portal .portal-quote-details dt{font-size:12px;font-weight:600;color:#624e6b}.commission-portal .portal-quote-details dd{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.commission-portal .checkbox-label{display:flex;align-items:flex-start;gap:12px;min-height:44px;font-size:13px;font-weight:400;line-height:1.7;margin-bottom:20px}.commission-portal .checkbox-label input{width:19px;height:19px;min-height:0;flex:0 0 auto;padding:0;margin:3px 0 0;accent-color:#70547d}.commission-portal .portal-note{background:#e9e0ec;color:#634d6c;border-radius:10px;padding:17px 20px;font-size:13px;line-height:1.8;margin-top:28px}.commission-portal .portal-footer{border-top:1px solid #daceda;margin-top:27px;padding-top:15px}.commission-portal .portal-footer p{font-size:12px;line-height:1.8}.commission-portal #portal-code-form{margin-top:25px}.commission-portal .continue-button:disabled{opacity:.6;cursor:wait}.commission-portal footer{max-width:900px;margin:auto}.commission-portal input{min-width:0}
@media(max-width:580px){.commission-portal main{width:90%;margin:20px auto 30px}.commission-portal .portal-card{padding:25px 22px}.commission-portal .portal-intro{padding-left:5px}.commission-portal .portal-intro h1{font-size:46px}.commission-portal .portal-card h2{font-size:34px}.commission-portal .portal-quote-heading{display:block}.commission-portal #portal-price{margin:12px 0 20px}.commission-portal .portal-card h3{font-size:26px}.commission-portal header{gap:12px}.commission-portal .back-link{font-size:10px}}
.reference-picker{margin:24px 0 10px;padding:20px;border:1px solid #d7c9db;background:#f0e9f1;border-radius:12px}.reference-picker h3{font:24px/1.25 Georgia,serif;color:#51405d;margin:0 0 8px}.reference-picker h3 span{font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#746775}.reference-picker .field-hint{margin:0 0 15px}.commission-dialog .reference-add{display:flex;position:relative;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 15px!important;margin:12px 0!important;border:1px solid #aa94b5;border-radius:8px;background:#fffaf3;color:#5f466c;font-size:14px!important;cursor:pointer;overflow:hidden}.reference-add>span{font-size:19px!important;color:inherit!important}.reference-add input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.reference-add:focus-within{outline:3px solid #c77b48;outline-offset:3px}.reference-add.reference-full{opacity:.6;cursor:default}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.reference-preview{margin:0;min-width:0;border:1px solid #d3c3d8;background:#fbf8f3;border-radius:8px;overflow:hidden}.reference-preview img{display:block;width:100%;height:130px;object-fit:contain;background:#e8e0ea}.reference-remove{border:0;border-top:1px solid #d3c3d8;background:#fbf8f3;color:#70547d;font-size:11px;padding:9px 5px;min-height:44px;width:100%;cursor:pointer}.reference-remove:disabled{opacity:.5}.reference-section{margin-top:24px}.reference-section h4{font:24px/1.25 Georgia,serif;color:#51405d;margin:0 0 12px}.reference-gallery{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.reference-gallery img{height:auto;max-height:340px;min-height:120px;object-fit:contain}.reference-preview figcaption{padding:10px 12px;font-size:11px;color:#705e77}.reference-picker .form-message{margin-top:10px;min-height:0}.reference-picker .form-message:empty{display:none}
@media(max-width:580px){.reference-picker{padding:16px}.reference-grid{gap:8px}.reference-preview img{height:100px}.reference-remove{font-size:10px}.reference-gallery{grid-template-columns:1fr}.reference-gallery img{height:auto;max-height:360px}.commission-portal .reference-section h3{font-size:26px}}
.reference-open{display:block;cursor:zoom-in;padding:0;border:0;width:100%;background:#e8e0ea;border-radius:0}.reference-open:focus-visible{outline:3px solid #b56b36;outline-offset:-4px}.reference-viewer{width:min(1100px,94vw);max-width:94vw;max-height:94svh;padding:18px 22px 24px;border:1px solid #d5c8da;border-radius:14px;background:#f8f3e9;color:#42314e;box-sizing:border-box}.reference-viewer::backdrop{background:#100b1ddd;backdrop-filter:blur(4px)}.reference-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px}.reference-viewer h2{font:26px/1.2 Georgia,serif;color:#42314e;letter-spacing:-.02em;margin:0}.reference-viewer-close{font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:44px;min-width:64px;border:1px solid #a48bb0;border-radius:7px;background:#fffaf3;color:#62496f;cursor:pointer;padding:10px 15px}.reference-viewer>img{display:block;max-width:100%;max-height:calc(94svh - 115px);width:auto;height:auto;object-fit:contain;margin:auto}.reference-viewer-close:focus-visible{outline:3px solid #b56b36;outline-offset:3px}@media(max-width:580px){.reference-viewer{padding:14px 14px 20px}.reference-viewer h2{font-size:22px}}