/* Original creator studio interface; existing licensed font and owned assets only. */
.creator-design-entry{margin-left:auto;color:#9B4B3A;display:inline-flex;align-items:center;gap:7px;font-weight:650}
.creator-profile .creator-cover-note{white-space:pre-line}.creator-profile .creator-cover[data-pattern=plain] i{display:none}.creator-profile .creator-cover[data-pattern=grid]{background-image:linear-gradient(90deg,#FFFEFB70 1px,transparent 1px),linear-gradient(#FFFEFB70 1px,transparent 1px),linear-gradient(120deg,#FFF1D4,var(--creator-color));background-size:28px 28px,28px 28px,100% 100%}.creator-profile .creator-cover[data-pattern=grid] i{display:none}.creator-profile .creator-cover.has-custom-image{background-size:cover;background-position:center}.creator-profile .creator-cover.has-custom-image i{display:none}.creator-profile .creator-cover.has-custom-image>span,.creator-profile .creator-cover.has-custom-image .creator-cover-note{color:#FFFEFB}.creator-custom-avatar{overflow:hidden;border-radius:50%}.creator-custom-avatar>img{width:100%;height:100%;object-fit:cover}.creator-asset-credits{font-size:9px;color:#8B7A75;line-height:1.8;margin-top:24px;overflow-wrap:anywhere}.creator-profile .creator-page-tabs button[aria-selected=true]{color:var(--creator-custom-ink,#9B4B3A)}.creator-profile .creator-page-tabs button[aria-selected=true]:after{background:var(--creator-custom-accent,#ED8972)}.creator-profile[data-creator-layout=wide] .creator-page-layout{grid-template-columns:1fr}.creator-profile[data-creator-layout=wide] .creator-page-aside{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}
.studio-preview .site-header,.studio-preview .footer-container,.studio-preview .spot-rail,.studio-preview .creator-design-entry,.studio-preview .creator-page-disclosure{display:none!important}.studio-preview .spot-buddy{padding-bottom:20px;min-height:100dvh}.studio-preview .spot-buddy .container{width:calc(100% - 48px);max-width:1200px;margin:auto;padding:0}.studio-preview .creator-breadcrumb{padding:20px 0}.studio-preview .creator-page-layout{grid-template-columns:minmax(0,1fr) 220px}.studio-preview .creator-cover{height:150px}.studio-preview .creator-identity h1{font-size:25px}
.studio-route:not(.studio-preview) .spot-rail,.studio-route .footer-container{display:none}.studio-route .spot-buddy{padding-bottom:24px;min-height:100dvh;background:#FBF8F3}.studio-route .spot-buddy .site-header,.studio-route .spot-buddy .container{max-width:1440px;width:calc(100% - 64px);padding:0}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 22px}.studio-heading>div>a{display:block;font-size:10px;color:#9B8A7F;margin-bottom:19px}.studio-heading .creator-kicker{display:block}.studio-heading h1{font-size:29px;letter-spacing:-1px;margin:8px 0}.studio-heading p{font-size:12px;color:#9B8A7F}.studio-actions{display:flex;gap:9px;flex-shrink:0}.studio-actions button{border:1px solid #E2D4C3;background:#FFFEFB;padding:12px 17px;border-radius:8px;font-size:12px;font-weight:650}.studio-actions .studio-apply{background:#3E2F31;color:#FFF8ED;border-color:#3E2F31;display:flex;align-items:center;gap:10px}.studio-demo-note{display:flex;align-items:center;gap:10px;background:#FFF2D9;border:1px solid #EFE0C1;border-radius:8px;padding:12px 15px;font-size:10px;color:#8E7356;line-height:1.8}.studio-demo-note strong{color:#70553D}.studio-status{font-size:11px;line-height:1.8;color:#8B7A75;padding:12px 3px;min-height:43px}.studio-status.is-error{color:#AA4831}.studio-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.studio-controls{border:1px solid #E8DED1;border-radius:12px;background:#FFFEFB;max-height:calc(100dvh - 324px);min-height:420px;overflow-y:auto;scrollbar-width:thin}.studio-controls>details{border-bottom:1px solid #EDE5DC}.studio-controls summary{cursor:pointer;list-style:none;padding:18px 18px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:12px}.studio-controls summary:after{content:'+';margin-left:auto;color:#AB8B72;font-size:17px;font-weight:400}.studio-controls details[open]>summary:after{content:'−'}.studio-controls summary>span{font-size:9px;font-weight:600;color:#AB8B72}.studio-fields{padding:0 18px 20px;display:grid;gap:17px}.studio-fields label{font-size:10px;color:#8B7565;display:grid;gap:8px}.studio-fields label>small{font-size:8px;color:#AC998A}.studio-fields input:not([type=checkbox]):not([type=radio]):not([type=file]),.studio-fields textarea,.studio-fields select{width:100%;min-width:0;font-family:inherit;color:#3E2F31;border:1px solid #E2D7C9;border-radius:7px;padding:10px;background:#FFF;outline-offset:2px;font-size:11px;line-height:1.7}.studio-fields textarea{resize:vertical}.studio-field-pair{display:grid;grid-template-columns:1fr 78px;gap:12px}.studio-fields input[type=color]{height:41px;padding:5px!important;cursor:pointer}.studio-palette{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.studio-palette legend{font-size:10px;color:#8B7565;margin-bottom:12px}.studio-palette label{position:relative;text-align:center;cursor:pointer;gap:7px}.studio-palette input{position:absolute;opacity:0;width:1px;height:1px}.studio-palette label>span{width:31px;height:31px;border-radius:50%;background:var(--swatch);display:block;margin:auto;border:3px solid #FFFEFB;box-shadow:0 0 0 1px #E3D7C8}.studio-palette input:checked+span{box-shadow:0 0 0 2px #70553D}.studio-palette input:focus-visible+span{outline:2px solid #9B4B3A;outline-offset:3px}.studio-palette label>small{font-size:7px;line-height:1.5;white-space:normal}.studio-hint{font-size:9px!important;color:#A08D7E!important;line-height:1.9!important}.studio-board-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #F1EAE2;gap:10px}.studio-board-row>label{display:flex;align-items:center;gap:9px;font-size:11px}.studio-board-row input,.studio-check input{accent-color:#9B4B3A;width:15px;height:15px;flex-shrink:0}.studio-board-row>div{display:flex;gap:5px}.studio-board-row button{border:1px solid #E6DACB;border-radius:5px;width:27px;height:27px;background:#FFF8ED;color:#8E7058}.studio-board-row button:disabled{opacity:.3;cursor:not-allowed}.studio-control-footer{padding:21px 18px}.studio-control-footer p{font-size:9px;color:#AC998A;line-height:1.8}.studio-control-footer button{font-size:10px;text-decoration:underline;color:#9B705D;margin-top:15px}.studio-preview-pane{border:1px solid #E8DED1;background:#F0EAE2;border-radius:12px;overflow:hidden;min-width:0}.studio-preview-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#FFFEFB;padding:15px 18px;border-bottom:1px solid #E8DED1}.studio-preview-toolbar>div:first-child{display:grid;gap:6px}.studio-preview-toolbar strong{font-size:11px;font-weight:600}.studio-preview-toolbar [role=group]{display:flex;gap:3px;background:#F5F0E9;padding:3px;border-radius:6px}.studio-preview-toolbar button{font-size:9px;padding:6px 10px;border-radius:4px}.studio-preview-toolbar button[aria-pressed=true]{background:#FFF;box-shadow:0 1px 3px #3E2F3114}.studio-preview-toolbar>a{font-size:9px;color:#9B705D}.studio-frame-wrap{padding:16px;display:flex;justify-content:center;overflow:hidden}.studio-frame-wrap iframe{width:100%;height:calc(100dvh - 430px);min-height:430px;border:1px solid #DDD0C0;border-radius:6px;background:#FFFEFB}.studio-frame-wrap.is-mobile iframe{width:390px;max-width:100%;border:6px solid #3E2F31;border-radius:18px;height:650px}.studio-preview-note{text-align:center;font-size:8px;color:#A18F80;padding:0 12px 14px;line-height:1.8}.studio-rights{display:grid;gap:14px;background:#FFF8ED;border:1px solid #EADDCD;border-radius:8px;padding:15px 13px}.studio-rights h2,.studio-upload-grid h2{font-size:11px;color:#70553D;font-weight:650}.studio-rights .studio-check{display:flex;align-items:flex-start;font-size:9px;line-height:1.8;gap:7px}.studio-check input{margin:3px 0 0}.studio-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-upload-grid>section{min-width:0;display:grid;gap:9px}.studio-upload-preview{height:82px;border:1px dashed #D8C7B2;background:#FAF6EF;display:grid;place-items:center;border-radius:7px;overflow:hidden;font-size:9px;color:#AF9781}.studio-upload-preview img{width:100%;height:100%;object-fit:cover}.studio-upload-button{position:relative;border:1px solid #DCCCBA;background:#FFF;border-radius:5px;padding:8px!important;text-align:center;display:block!important;font-size:9px!important;cursor:pointer}.studio-upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.studio-upload-button:has(input:disabled){opacity:.45;cursor:not-allowed}.studio-upload-button:focus-within{outline:2px solid #9B4B3A;outline-offset:2px}.studio-remove-image{font-size:8px;color:#A3826B;text-decoration:underline;padding:0}.studio-remove-image:disabled{opacity:.35}.studio-asset-records{border-top:1px solid #E8D9C7;margin-top:8px}.studio-asset-records>summary{font-size:9px;padding:13px 0}.studio-asset-records p,.studio-asset-records>div{font-size:8px;color:#A08D7E;line-height:2;overflow-wrap:anywhere}.studio-reset-dialog{width:360px;max-width:calc(100vw - 32px);border:1px solid #E2D2BE;border-radius:12px;padding:25px;color:#3E2F31;background:#FFFEFB}.studio-reset-dialog::backdrop{background:#3E2F3166}.studio-reset-dialog h2{font-size:20px}.studio-reset-dialog p{font-size:12px;line-height:1.8;color:#8B7A75;margin:16px 0 24px}.studio-reset-dialog>div{display:flex;justify-content:flex-end;gap:12px}.studio-reset-dialog button{font-size:11px;padding:10px;border:1px solid #E2D2BE;border-radius:7px}.studio-reset-dialog [data-reset-confirm]{background:#3E2F31;color:#FFF8ED}
@media(max-width:1100px){.studio-route .spot-buddy .site-header,.studio-route .spot-buddy .container{width:calc(100% - 40px)}.studio-workspace{grid-template-columns:290px minmax(0,1fr);gap:15px}.studio-preview-toolbar{flex-wrap:wrap;gap:12px}.studio-preview-toolbar>a{margin-left:auto}.studio-preview .creator-identity{flex-wrap:wrap}.studio-preview .creator-save{margin-top:0}.creator-profile[data-creator-layout=wide] .creator-page-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.studio-route .spot-buddy .site-header,.studio-route .spot-buddy .container{width:calc(100% - 32px)}.studio-heading{display:block;padding:23px 0 17px}.studio-heading h1{font-size:25px}.studio-heading>div>a{margin-bottom:16px}.studio-heading p{font-size:11px}.studio-heading .studio-actions{position:fixed;z-index:30;bottom:0;left:0;right:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:#FFFEFBF5;border-top:1px solid #E8D8C4;display:grid;grid-template-columns:1fr 1.6fr;gap:8px}.studio-actions button{font-size:11px;padding:13px 8px;justify-content:center;white-space:nowrap}.studio-workspace{grid-template-columns:1fr;gap:22px}.studio-controls{max-height:none;min-height:0}.studio-preview-pane{margin-bottom:78px}.studio-demo-note{font-size:9px;align-items:flex-start}.studio-demo-note>svg{margin-top:3px}.studio-status{font-size:10px;padding:13px 2px}.studio-frame-wrap{padding:10px}.studio-frame-wrap iframe{height:650px}.studio-frame-wrap.is-mobile iframe{width:100%;height:650px}.studio-preview-toolbar{padding:14px;gap:10px}.studio-preview-toolbar .creator-kicker{font-size:7px}.studio-preview-toolbar strong{font-size:10px}.studio-preview-toolbar>a{font-size:8px}.studio-preview-toolbar button{font-size:8px;padding:6px 8px}.studio-preview-note{font-size:7px}.studio-controls summary{padding:18px;font-size:12px}.studio-fields{padding-left:18px;padding-right:18px}.studio-palette label>small{font-size:8px}.studio-upload-preview{height:110px}.creator-design-entry{font-size:8px;gap:4px}.creator-breadcrumb{flex-wrap:wrap;gap:7px}.creator-profile[data-creator-layout=wide] .creator-page-aside{grid-template-columns:1fr}.studio-preview .spot-buddy .container{width:calc(100% - 28px)}.studio-preview .creator-identity h1{font-size:22px}}

@media(max-width:900px){.studio-preview .creator-page-layout{grid-template-columns:1fr}.studio-preview .creator-page-aside{grid-template-columns:1fr}.studio-preview .creator-welcome,.studio-preview .creator-other-rooms{display:none}}

.studio-heading .studio-jump-preview{color:#9B4B3A;text-decoration:underline;font-size:10px;margin-left:8px;white-space:nowrap}
.creator-profile .creator-save:not([aria-pressed=true]),.creator-profile .creator-write{background:var(--creator-custom-ink,#3E2F31);color:#FFF8ED;border-color:var(--creator-custom-ink,#3E2F31)}
.creator-profile .creator-design-entry,.creator-profile .creator-post-copy>small{color:var(--creator-custom-ink,#9B705D)}
/* Cover uploader and original sizing diagram, 2026-10-28. */
.cover-upload-card,.profile-upload-card{min-width:0;border:1px solid #E7D9C9;border-radius:9px;padding:12px;background:#FFFCF7;transition:border-color .12s,background-color .12s}.cover-upload-card.is-dragging,.profile-upload-card.is-dragging{border:2px dashed #9B4B3A;background:#FFF0CF;padding:11px}.studio-upload-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.studio-upload-title h2{font-size:12px;font-weight:700;color:#70553D}.studio-upload-title>span{font-size:8px;color:#A18B77}.cover-upload-card .studio-upload-preview{height:auto;aspect-ratio:4/1;min-height:65px;border-radius:6px;font-size:9px;text-align:center;padding:0;overflow:hidden}.cover-upload-card .studio-upload-preview img{width:100%;height:100%;object-fit:cover}.studio-file-info{font-size:8px;color:#A08B7B;line-height:1.9;overflow-wrap:anywhere;margin:9px 0}.studio-file-actions{display:flex;gap:13px;align-items:center}.studio-file-actions .studio-upload-button{flex:1;font-weight:650;color:#FFF8ED!important;background:#3E2F31;border-color:#3E2F31;padding:11px!important}.studio-file-actions>.studio-remove-image{font-size:9px;padding:8px 0}.cover-size-guide{background:#FFF8ED;border:1px solid #EADCC8;border-radius:8px;padding:13px}.cover-size-guide h2{font-size:10px;color:#9B705D;margin-bottom:6px}.cover-size-guide>strong{display:block;font-size:17px;letter-spacing:-.5px}.cover-size-guide>strong>span{font-size:9px;color:#9C8168;font-weight:500;letter-spacing:0;margin-left:5px}.cover-guide-diagram{aspect-ratio:4/1;position:relative;margin:13px 0 10px;border:1px solid #D6C0A0;border-radius:4px;background:repeating-linear-gradient(45deg,#EADBC390 0px,#EADBC390 4px,#FFF5E4 4px,#FFF5E4 9px);overflow:hidden}.cover-guide-safe{position:absolute;left:25%;top:25%;width:50%;height:50%;border:1px dashed #9B4B3A;background:#FFFEFBF0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:7px;line-height:1.5;color:#9B4B3A}.cover-guide-safe b{font-size:8px;font-weight:650}.cover-size-guide>p{font-size:8px;line-height:1.9;color:#A08B77}.studio-cover-position{border:0;margin:0;padding:0;display:grid;gap:12px}.studio-cover-position legend{font-size:10px;color:#8B7565;margin-bottom:12px}.studio-cover-position>label{display:grid;grid-template-columns:49px minmax(0,1fr) 29px;align-items:center;gap:8px;font-size:9px}.studio-cover-position input[type=range]{padding:0!important;border:0!important;min-height:24px;background:transparent!important;accent-color:#9B4B3A;cursor:pointer}.studio-cover-position output{font-size:9px;text-align:right;color:#9B705D}.studio-cover-position button{font-size:9px;color:#9B705D;text-decoration:underline;justify-self:end;padding:0}.studio-profile-upload-body{display:grid;grid-template-columns:77px minmax(0,1fr);gap:12px;align-items:start}.studio-profile-upload-body .studio-upload-preview{height:77px;width:77px;border-radius:50%;font-size:8px}.studio-profile-upload-body>div:last-child{display:grid;gap:8px}.studio-profile-upload-body .studio-upload-button{padding:9px!important}.studio-profile-upload-body .studio-remove-image{justify-self:start}.studio-rights-details{border:1px solid #EADDCD;border-radius:8px;overflow:hidden}.studio-rights-details>summary{font-size:10px!important;padding:13px!important;background:#FFF8ED;gap:8px!important}.studio-rights-details .studio-rights{border:0;border-top:1px solid #EADDCD;border-radius:0;padding:15px 13px}.studio-rights-details [data-pending-image-count]{font-size:8px;background:#F7C966;color:#705024;border-radius:4px;padding:2px 5px;white-space:nowrap}.studio-rights-details [data-pending-image-count]:empty{display:none}.studio-rights [data-apply-pending-images]{border-radius:6px;padding:11px 8px;background:#3E2F31;color:#FFF8ED;font-size:10px;font-weight:650}.studio-rights [data-apply-pending-images]:disabled{opacity:.35;cursor:not-allowed}.studio-actions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){.cover-upload-card .studio-upload-preview{min-height:80px}.cover-guide-safe{font-size:8px}.cover-guide-safe b{font-size:9px}.studio-upload-title>span{font-size:9px}.studio-file-info{font-size:9px}.cover-size-guide>p{font-size:9px}.studio-cover-position>label{font-size:10px}.studio-profile-upload-body{grid-template-columns:90px minmax(0,1fr)}.studio-profile-upload-body .studio-upload-preview{width:85px;height:85px}}

/* Expand the editing workspace while keeping its controls at a usable width. */
.studio-route:not(.studio-preview) .spot-buddy main.container{max-width:none;width:calc(100% - 40px);margin-inline:auto}
@media(min-width:1200px){.studio-workspace{grid-template-columns:320px minmax(0,1fr);gap:24px}}
