.sp-choice{border:0;padding:0;margin:0;display:flex;gap:7px}.sp-choice legend{font-size:12px;font-weight:600;margin-bottom:9px}.sp-choice label{position:relative;flex:1;cursor:pointer}.sp-choice input{position:absolute;opacity:0;pointer-events:none}.sp-choice span{display:block;text-align:center;padding:11px 6px;border:1px solid #d6ddd5;border-radius:9px;font-size:12px;background:white;color:#607065}.sp-choice input:checked+span{background:#eef3ff;border-color:#b9c9fa;color:#285be7}.sp-choice input:focus-visible+span{outline:2px solid #285be7;outline-offset:2px}.sp-panel{padding:14px;border:1px solid #e1e6df;border-radius:12px;background:#f8faf7}.sp-controls .sp-stepper{display:flex;align-items:center;background:white;border:1px solid #d6ddd5;border-radius:9px;overflow:hidden}.sp-stepper button{flex:0 0 29px;height:37px;border:0;background:transparent;color:#667568;cursor:pointer;font-size:18px}.sp-stepper button:hover:not(:disabled){color:#285be7;background:#eff3fd}.sp-stepper button:disabled{opacity:.35;cursor:default}.sp-controls .sp-stepper input{border:0!important;text-align:center;padding:6px 0!important;min-width:0;width:100%;box-shadow:none!important;appearance:textfield;font-size:12px!important}.sp-stepper input::-webkit-inner-ssp-button,.sp-stepper input::-webkit-outer-ssp-button{appearance:none}.sp-color-field>span{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #d6ddd5;border-radius:9px;background:white;color:#5f6e65;font-size:11px}.sp-controls input[type=color]{width:34px!important;height:28px!important;border:0!important;padding:0!important;background:none!important;cursor:pointer}.sp-avatar-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px}.sp-avatar-row>[data-remove-avatar]{grid-column:2;justify-self:start;font-size:11px}.sp-avatar-preview{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;overflow:hidden;color:white;font:700 16px Arial,sans-serif}.sp-avatar-preview img{width:100%;height:100%;object-fit:cover}.sp-avatar-upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid #d6ddd5;border-radius:9px;background:white;color:#465146;cursor:pointer;font-size:12px;font-weight:500}.sp-avatar-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sp-avatar-upload:focus-within{outline:2px solid #285be7;outline-offset:2px}.sp-swatches{display:flex;gap:9px;flex-wrap:wrap}.sp-swatches button{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:1px solid #bbc3b860;cursor:pointer}.sp-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px white,0 0 0 3px #285be7}.sp-crop-preview{position:relative;overflow:hidden;border-radius:9px;cursor:grab;touch-action:none;user-select:none;max-width:200px;width:100%;margin:auto;background:#e7e9e3}.sp-crop-preview.is-dragging{cursor:grabbing}.sp-crop-preview img{position:absolute;max-width:none!important;pointer-events:none}.sp-crop-preview>span{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px;background:#ffffffeb;padding:5px 10px;font-size:10px;color:#435047;pointer-events:none}.sp-preview-tools{padding:11px 20px;min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7ebe4;background:white;color:#7b8579;font-size:11px}.sp-preview-tools button{font-size:11px;flex-shrink:0}.sp-preview-wrap{position:relative;width:100%;margin:auto}.sp-canvsp-layer{position:absolute;inset:0;pointer-events:none}.sp-text-hit{position:absolute;pointer-events:auto;border:1px solid transparent;border-radius:4px;background:transparent;cursor:text;padding:0}.sp-text-hit:hover,.sp-text-hit:focus-visible{border-color:#285be799;background:#285be708;outline:none}.app-page .sp-inline-text{position:absolute;pointer-events:auto;resize:none;border:0!important;padding:0!important;border-radius:0!important;box-shadow:0 0 0 2px #285be7!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important;outline:none;overflow:auto;white-space:pre-wrap;overflow-wrap:break-word;min-height:0!important;max-width:none!important}.sp-inline-text[hidden],.sp-controls [hidden],.sp-preview-tools [hidden]{display:none!important}.app-workspace[data-post-editor=spotify] .app-preview-toolbar{flex-wrap:wrap}.sp-view-toggle{order:-1;flex-shrink:0}.app-workspace[data-post-editor=spotify] .app-preview-label{display:none}@media(max-width:520px){.sp-preview-tools{padding:10px 12px;font-size:10px;gap:6px}.sp-view-toggle{flex-basis:100%;justify-content:center}.app-workspace[data-post-editor=spotify] .app-preview-toolbar{justify-content:center}}

.sp-avatar-preview{border-radius:9px!important}.sp-avatar-row{grid-template-columns:48px minmax(0,1fr)}.sp-avatar-preview{width:48px;height:48px}.sp-shot-list{display:grid;gap:7px}.sp-shot-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px 28px;gap:3px;align-items:center;border:1px solid #dfe4dc;border-radius:10px;padding:6px;background:white}.sp-shot-row.is-selected{border-color:#a9bdf8;background:#f3f6ff}.sp-shot-select{min-width:0;display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;cursor:pointer;text-align:left}.sp-shot-select>span{flex:0 0 27px;height:40px;overflow:hidden;border-radius:5px;display:grid;place-items:center;font-size:11px;color:#344438}.sp-shot-select img{width:100%;height:100%;object-fit:cover}.sp-shot-select strong{font-size:11px;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-shot-row>button{border:0;border-radius:6px;background:none;height:30px;cursor:pointer;font-size:14px;color:#677369}.sp-shot-row>button:hover{background:#e9eefb;color:#285be7}.sp-shot-row>button:disabled{opacity:.3;cursor:default}.sp-shot-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sp-action{border:1px solid #d9e0d6;border-radius:9px;background:white;padding:10px 7px;font-family:inherit;font-size:11px;color:#526551;text-align:center;cursor:pointer}.sp-action:hover{border-color:#9eafd6;background:#f4f7fd}.sp-action:disabled{opacity:.4;cursor:default}.sp-upload{position:relative;overflow:hidden;display:block}.sp-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.sp-upload:focus-within{outline:2px solid #285be7;outline-offset:2px}.sp-shot-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.sp-shot-heading span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#71826c}.sp-shot-preview{position:relative;max-width:180px;width:100%;margin:0 auto;overflow:hidden;border-radius:10px;touch-action:none;user-select:none}.sp-shot-preview.hsp-image{cursor:grab}.sp-shot-preview.is-dragging{cursor:grabbing}.sp-shot-preview svg{width:100%;height:auto;display:block;pointer-events:none}.sp-shot-preview img{position:absolute;pointer-events:none;max-width:none!important}.sp-small-note{font-size:11px!important;line-height:1.6!important;color:#7b8678;margin:0!important}.sp-view-toggle{order:-1}.sp-preview-tools{flex-wrap:wrap;justify-content:flex-start}.sp-shot-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.sp-shot-nav button{width:29px;height:29px;border:1px solid #dce2d9;border-radius:50%;background:white;display:grid;place-items:center;cursor:pointer;color:#596b56;padding:0}.sp-shot-nav button:disabled{opacity:.3;cursor:default}.sp-media-hit{cursor:pointer}.sp-text-hit:focus-visible{outline:2px solid #285be7}.sp-shot-nav span{font-size:10px;color:#83907e}.app-workspace[data-post-editor=spotify] .app-preview-label{display:none}.sp-controls output{font-size:11px;color:#7b8678}@media(max-width:520px){.sp-view-toggle{flex-basis:100%;justify-content:center}.sp-shot-nav{margin-left:0}.sp-preview-tools{justify-content:center}}

.sp-cover-preview{width:180px;aspect-ratio:1;position:relative;overflow:hidden;border-radius:7px;margin:auto;touch-action:none;cursor:grab;background:#e6e9e2}.sp-cover-preview img{position:absolute;max-width:none!important;pointer-events:none}.sp-cover-preview svg{display:block;width:100%;height:100%}.sp-track-cover-row{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:9px}.sp-track-cover-row>span{width:40px;height:40px;overflow:hidden;border-radius:4px}.sp-track-cover-row img{width:100%;height:100%;object-fit:cover}.sp-shot-select>span{height:32px;flex-basis:32px}.sp-action-hit{cursor:pointer}.sp-media-hit{cursor:pointer}.sp-controls summary>small{font-size:11px;font-weight:400;color:#7b8579;margin-left:auto;margin-right:12px}.sp-controls [data-track-count]{margin-top:-5px}.sp-controls [data-open-playlist]{background:#eef3ff;color:#285be7;border-color:#c9d5f5}.sp-controls .sp-stepper input::-webkit-inner-spin-button,.sp-controls .sp-stepper input::-webkit-outer-spin-button{appearance:none}.sp-cover-preview.is-dragging{cursor:grabbing}
