body.painting{overflow:hidden}.player{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;z-index:4}.player .player-header{width:100%;max-width:none;flex-shrink:0;height:66px;padding-right:175px}.player .player-heading{min-width:0}.player .player-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .progress-track{flex-shrink:0}.player .color-tray{position:static;max-width:none;width:100%;margin:0;flex-shrink:0;padding:7px 22px}.player .studio{width:100%;max-width:none;min-height:0;margin:0;flex:1}.player .canvas-wrap{height:auto!important;min-height:0;max-height:none;flex:1;width:100%}.player .studio-panel{flex-shrink:0;max-height:36dvh;overflow:auto;padding-bottom:53px}.player[data-tools-open="false"] .zoom-tools{display:none}.peek{position:fixed;z-index:7;min-height:40px;border:1px solid #dcc7d0;border-radius:18px;background:#fffaf5f2;box-shadow:0 3px 12px #8063751a;padding:8px 13px;font-size:11px;color:#866176;touch-action:manipulation}.peek-colors{right:12px;top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px}.peek-colors:before{content:'';width:18px;height:18px;border-radius:6px;background:var(--selected-swatch,#edd1df);border:1px solid #0002}.peek-tools{right:12px;bottom:max(10px,env(safe-area-inset-bottom))}.peek-back{left:12px;top:max(10px,env(safe-area-inset-top));width:42px;font-size:21px;padding:4px}.player[data-top-open="true"] .peek-back{display:none}.player .color-tray .swatch{width:41px;height:41px;min-width:41px;font-size:16px;font-weight:700}.player .color-tray .palette{height:69px}.swatch small:empty{display:none}.color-purchase{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#9c7e5b;margin-top:4px}.color-purchase button{border:1px solid #dfc79c;border-radius:12px;background:#fff0d3;padding:8px 13px;min-height:38px;color:#8e6b35;font-size:11px}.color-purchase button:disabled{opacity:.55}.artist-account{padding:6px 10px;border-radius:18px;background:#fff0d3;border:1px solid #ead6af;color:#9c7740;font-size:11px;white-space:nowrap}body.dark .peek{background:#493540;color:#e4c6d5;border-color:#79576d}body.dark .color-purchase button,body.dark .artist-account{background:#5e4c34;color:#efdba4;border-color:#987844}@media(max-width:760px){.player .player-header{height:61px;padding:8px 145px 8px 10px;gap:7px}.player .player-heading h1{font-size:13px;max-width:none}.player .player-heading .eyebrow{display:none}.player .player-progress{display:none}.player #export-art{display:none}.player .color-tray{padding:8px 10px}.peek{font-size:10px;min-height:40px;padding:8px 11px}.peek-colors{right:8px}.peek-tools{right:8px}.player .studio-panel{max-height:40dvh;padding-bottom:58px}.color-purchase{font-size:10px;gap:8px}.color-purchase button{font-size:10px;padding:8px}.player .color-tray .swatch{width:39px;height:39px;min-width:39px;font-size:15px}.artist-account{font-size:10px;padding:5px 8px}.top-actions{gap:8px}.top-actions .account-button{max-width:175px}.player[data-top-open="true"] .peek-colors{max-width:140px}}

.player .action-tools{grid-template-columns:repeat(5,minmax(0,1fr))}