@font-face{font-family:Mona;src:url('assets/fonts/Mona12.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Mona;src:url('assets/fonts/Mona12-Bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:MonaEmoji;src:url('assets/fonts/Mona12Emoji.otf') format('opentype');font-display:swap}
:root{font-family:Mona,sans-serif;color:#484852;background:#f1eef2;--ink:#484852;--muted:#858193;--bg:#f1eef2;--glass:rgba(220,220,224,.65);--white:#fcfafd;--selected:rgba(121,86,111,.15);--shadow:0 4px 12px rgba(72,72,82,.12)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,textarea{font:inherit}button{border:0;background:none;color:inherit;padding:0;cursor:pointer;touch-action:manipulation}button:disabled,[aria-disabled=true]{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #79566f;outline-offset:4px}a{color:inherit;text-decoration:none}img{display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}h1,h2,p{margin:0}button img{pointer-events:none}input,textarea{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pixel{image-rendering:pixelated}.layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.glass{background:var(--glass);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:var(--shadow)}.frame::after{content:'';position:absolute;inset:0;border:13px solid transparent;border-image:url('assets/ui/info_card_frame.png') 13 stretch;pointer-events:none;z-index:2}.frame{position:relative;border-radius:13px}.circle{width:54px;height:54px;flex:none;border-radius:27px;position:relative;display:grid;place-items:center}.circle::after{content:'';position:absolute;inset:0;background:url('assets/ui/button_circle_frame.png') center/100% 100%;pointer-events:none}.circle img{max-width:28px;max-height:28px}.capsule{position:relative;border-radius:27px;height:54px;display:flex;align-items:center;justify-content:center}.capsule::after{content:'';position:absolute;inset:0;border:27px solid transparent;border-image:url('assets/ui/button_capsule_frame.png') 27 stretch;pointer-events:none}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px}.icon-button:active{transform:translateY(1px)}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#bcb7c2 transparent;overscroll-behavior:contain}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:#bcb7c2;border-radius:0;border-top:3px solid transparent;border-bottom:3px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:#858193}.theme{position:relative;width:80px;height:32px;display:flex;flex:none;border-radius:12px;background:var(--glass)}.theme button{width:40px;height:32px;position:relative;z-index:3}.theme .pressed{clip-path:inset(0 50% 0 0)}.theme[data-dark=true] .pressed{clip-path:inset(0 0 0 50%)}.desktop-scene{position:relative;width:var(--scene-w);height:var(--scene-h);transform:scale(var(--scene-scale));transform-origin:top left;background:var(--bg)}.desktop-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:480px;height:132px}.desktop-logo img{width:480px;height:132px}.fig-link{position:absolute;right:0;bottom:0;width:50px;height:52px}.desktop-icons{position:absolute;left:4.2%;top:9.2%;width:120px;display:flex;flex-direction:column;gap:25px}.desktop-icon{width:120px;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:18px;line-height:21px;font-weight:700;color:#fff;text-shadow:1px 1px 5px rgba(72,72,82,.6);padding:3px;border:1px solid transparent}.desktop-icon>img{width:80px;height:80px;image-rendering:pixelated}.desktop-icon.selected{background:var(--selected);border:1px dotted #bcb7c2;border-radius:5px}.desktop-icon span{max-width:120px}.utility-icons{position:absolute;right:5.4%;bottom:9.7%;display:flex;gap:57px}.utility-icons .desktop-icon{width:64px;white-space:nowrap;gap:10px}.utility-icons img{width:64px;height:64px}.desktop-side{position:absolute;right:5.4%;top:50px;width:190px;display:flex;flex-direction:column;align-items:flex-end;gap:25px}.desktop-side .theme{margin-bottom:0}.language-widget{position:relative;width:190px;height:190px;border-radius:12px}.language-widget h2{position:absolute;top:24px;left:22px;font-size:18px;line-height:16px;letter-spacing:.5px;color:var(--muted)}.language-widget .language-option{position:absolute;left:16px;width:164px;height:40px;text-align:left;padding-left:43px;font-size:16px;letter-spacing:.5px}.language-option img{position:absolute;width:24px;height:24px;left:5px;top:8px}.shop-stack{display:flex;flex-direction:column;gap:14px;width:190px;margin-top:10px}.shop-button{width:190px;height:54px;font-size:16px;font-weight:700;letter-spacing:.5px;flex:none}.shop-icon{position:absolute;width:24px;height:24px;left:20px;top:12px}.mono-icon{background:var(--ink);mask:var(--mask) center/contain no-repeat;-webkit-mask:var(--mask) center/contain no-repeat}.shop-button .shop-icon>img{opacity:0;width:24px;height:24px}.shop-arrow{position:absolute;width:13px;height:13px;right:19px;top:21px}.shop-button:hover{background:#fcfafd;color:#484852}.shop-button:hover .shop-icon{background:none}.shop-button:hover .shop-icon>img{opacity:1}.shop-button:hover .shop-arrow{filter:none}.desktop-player{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:420px;height:190px;border-radius:12px}.desktop-player .art{position:absolute;inset:0;width:420px;height:190px;pointer-events:none}.player-idle .fig{position:absolute;left:170px;top:13px;width:64px;height:64px}.player-idle p{position:absolute;top:96px;left:20px;width:380px;text-align:center;font-size:18px;line-height:24px}.player-image{position:absolute;left:17px;top:17px;width:100px;height:100px;display:grid;place-items:center;border-radius:11px;background:rgba(252,250,253,.16)}.player-image img{width:64px;height:64px;image-rendering:pixelated}.player-title{position:absolute;left:139px;top:34px;width:250px;text-align:left;overflow:hidden;font-size:24px;line-height:30px;font-weight:700;white-space:nowrap}.player-title span{display:block;width:max-content}.player-title.overflow span{animation:none}@keyframes marquee{0%,20%{transform:translateX(0)}80%,100%{transform:translateX(var(--overflow))}}.player-state{position:absolute;left:139px;top:72px;font-size:20px;line-height:30px;color:var(--muted)}.player-control{position:absolute;bottom:1px;height:44px;z-index:4}.player-prev{left:115px;width:45px}.player-next{left:276px;width:45px}.player-stop{left:188px;width:45px}.player-shuffle{left:7px;width:44px}.player-help{right:7px;width:44px;cursor:help}.slider-zone{position:absolute;left:17px;top:123px;width:386px;height:27px;z-index:5}.slider-zone input{position:absolute;inset:0;width:100%;height:27px;opacity:0;margin:0;cursor:ew-resize}.slider-thumb{position:absolute;top:8px;width:14px;height:12px;transform:translateX(-50%);display:none;pointer-events:none}.slider-zone:hover .slider-thumb,.slider-zone:focus-within .slider-thumb{display:block}.slider-fill{clip-path:inset(0 85% 0 0)}.dark{--bg:#484852;--glass:rgba(115,113,126,.35);--ink:#fcfafd;--muted:#d0ccd7;--shadow:none}.dark .desktop-player .art,.dark .player-idle .fig,.dark .language-widget>.layer,.dark .language-option img,.dark .shop-arrow{filter:brightness(0) invert(98%) sepia(8%) saturate(207%)}.dark .desktop-icon{text-shadow:none}.dark .slider-fill{filter:brightness(1.55)!important}#live-cursor{position:fixed;left:0;top:0;width:32px;height:32px;z-index:100000;pointer-events:none;image-rendering:pixelated;display:none}body.trial,body.trial *{cursor:none!important}
/* Movable desktop windows */
.app-window{position:fixed;left:calc(50% - 360px);top:26%;width:720px;height:560px;min-width:350px;min-height:300px;--ink:#484852;--muted:#858193;--glass:rgba(220,220,224,.65);color:#484852;background:rgba(233,232,237,.94);border-radius:12px;box-shadow:0 12px 40px rgba(72,72,82,.15);backdrop-filter:blur(12px);container-type:inline-size;display:flex;flex-direction:column;z-index:10}.app-window::after{content:'';position:absolute;inset:0;border-style:solid;border-color:transparent;border-width:44px 14px 14px;border-image:url('assets/ui/window_frame.png') 44 14 14 stretch;pointer-events:none;z-index:3}.window-header{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 18px;cursor:move;touch-action:none;font-size:18px;letter-spacing:.5px;font-weight:700;background:rgba(241,238,242,.36);border-radius:12px 12px 0 0}.window-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-close{width:40px;height:40px;display:grid;place-items:center}.window-close img{width:16px;height:16px}.window-body{flex:1;min-height:0;position:relative;margin:0 6px 14px 0}.resize-mark{position:absolute;right:7px;bottom:7px;width:13px;height:13px;pointer-events:none}.resize-handle{position:absolute;z-index:5;touch-action:none}.resize-handle.n,.resize-handle.s{height:7px;left:12px;right:12px;cursor:ns-resize}.resize-handle.n{top:-3px}.resize-handle.s{bottom:-3px}.resize-handle.e,.resize-handle.w{width:7px;top:12px;bottom:12px;cursor:ew-resize}.resize-handle.e{right:-3px}.resize-handle.w{left:-3px}.resize-handle.ne,.resize-handle.nw,.resize-handle.se,.resize-handle.sw{width:16px;height:16px}.resize-handle.ne,.resize-handle.nw{top:-2px}.resize-handle.se,.resize-handle.sw{bottom:-2px}.resize-handle.ne,.resize-handle.se{right:-2px}.resize-handle.nw,.resize-handle.sw{left:-2px}.resize-handle.nw,.resize-handle.se{cursor:nwse-resize}.resize-handle.ne,.resize-handle.sw{cursor:nesw-resize}.notepad-input{width:100%;height:100%;resize:none;background:none;border:none;outline:none;padding:36px 38px 24px 45px;font-size:16px;letter-spacing:.5px;line-height:25px;caret-color:#79566f}.notepad-input::placeholder{color:#858193}.desktop-detail{display:grid;grid-template-columns:minmax(200px,350px) 1fr;gap:30px;padding:45px 36px 30px 42px;align-items:start}.detail-image{width:100%;aspect-ratio:1;object-fit:contain}.detail-summary{text-align:center}.detail-summary h2{font-size:26px;line-height:30px;overflow-wrap:anywhere}.detail-summary .subtitle{font-size:16px;color:#858193;margin-top:6px;line-height:25px}.detail-summary .separator{height:2px;width:80px;background:#bcb7c2;margin:28px auto}.description{white-space:pre-line;line-height:1.65;color:#858193;font-size:16px}.supported{font-size:14px;line-height:1.6;color:#858193;margin:12px 0 20px}.detail-summary .shop-stack{margin:20px auto 0}.color-chips{display:flex;justify-content:center;align-items:center;gap:5px;margin:16px 0 8px}.color-chip{position:relative;width:46px;height:46px;flex:none}.color-chip img{position:absolute;inset:0;width:46px;height:46px}.color-meaning{font-size:13px;text-align:center;line-height:22px;color:#858193}.separate{font-size:12px;line-height:1.6;color:#858193;margin:20px auto 0;max-width:350px}.detail-media .color-chips{flex-wrap:wrap}.paint-layout{width:100%;height:100%;display:grid;grid-template-columns:105px minmax(0,1fr);gap:40px;align-items:center;padding:28px 34px 25px}.paint-tools{display:flex;flex-direction:column;gap:16px;height:100%;max-height:435px;padding-top:4px}.palette{display:grid;grid-template-columns:repeat(2,46px);gap:8px;justify-content:center}.paint-width,.paint-actions,.paint-save{position:relative;flex:none;width:105px;background:rgba(220,220,224,.65);border-radius:12px;box-shadow:var(--shadow)}.paint-width{height:35px;display:flex}.paint-width button{width:35px;height:35px;z-index:3}.paint-width .pressed{clip-path:inset(0 33.333% 0 33.333%)}.paint-actions{height:70px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:35px 35px}.paint-actions button{position:relative;z-index:3}.paint-actions button:nth-of-type(3){grid-column:1/-1}.paint-actions button:disabled{background:rgba(240,238,243,.55)}.paint-save{height:35px;margin-top:auto;min-height:35px}.paint-save .pressed{display:none}.paint-save:active .pressed{display:block}.paint-canvas-wrap{position:relative;width:100%;aspect-ratio:5/4;background:#fcfafd;border-radius:12px;box-shadow:0 4px 12px #0002;overflow:hidden}.paint-canvas-wrap::after{content:'';position:absolute;inset:0;border:12px solid transparent;border-image:url('assets/ui/paint_canvas_frame.png') 12 stretch;pointer-events:none}.paint-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.paint-actions .pressed{display:none;pointer-events:none}.paint-actions:has(button:active) .pressed{display:block}.paint-actions:has([data-paint=undo]:active) .pressed{clip-path:inset(0 50% 50% 0)}.paint-actions:has([data-paint=redo]:active) .pressed{clip-path:inset(0 0 50% 50%)}.paint-actions:has([data-paint=clear]:active) .pressed{clip-path:inset(50% 0 0 0)}
@container (max-width: 600px){.desktop-detail{grid-template-columns:1fr;gap:34px;padding:38px 36px}.detail-image{max-width:350px;margin:auto}.paint-layout{display:flex;flex-direction:column;padding:28px 28px 20px;gap:20px;justify-content:center}.paint-canvas-wrap{flex:none;max-height:calc(100% - 132px);width:auto;max-width:100%;aspect-ratio:5/4;align-self:center;height:auto}.paint-tools{order:2;display:grid;grid-template-columns:105px 105px 105px;grid-template-rows:46px 70px;height:132px;gap:12px 8px;padding:0;max-height:none;align-items:center}.palette{grid-column:1/-1;display:flex;gap:8px}.paint-save{margin:0}}
/* Popovers */
.popover{position:fixed;z-index:10000;background:rgba(252,250,253,.97);color:#484852;box-shadow:var(--shadow);border-radius:13px;max-width:calc(100vw - 24px)}.popover::after{content:'';position:absolute;inset:0;border:13px solid transparent;border-image:url('assets/ui/menu_popup_frame.png') 13 stretch;pointer-events:none}.language-popup{width:140px;height:128px;padding:16px 18px}.language-popup h2{font-size:15px;line-height:18px;letter-spacing:.5px;color:#858193;margin-bottom:8px}.language-popup button{display:block;width:100%;height:26px;text-align:left;font-size:13px;padding-left:23px;position:relative}.language-popup button img{position:absolute;width:11px;height:11px;left:4px;top:7px}.more-popup{padding:14px 18px;min-width:154px;font-size:16px}.os-popup{padding:18px;width:220px}.os-popup h2{font-size:16px;margin-bottom:10px}.os-popup a{display:flex;align-items:center;gap:12px;padding:10px 5px;font-size:16px}.os-popup a:hover{background:var(--selected)}.os-popup a img{width:22px;height:22px}.help-popup{width:260px;padding:18px;font-size:14px;line-height:1.6}.help-row{display:flex;gap:20px;align-items:center;margin:9px 0}.help-row img{width:20px;max-height:18px}.help-popup small{display:block;color:#858193;font-size:12px;margin-top:12px}
/* Touch devices */
.touch-app{height:100dvh;width:100%;max-width:100%;margin:auto;position:relative;background:#f1eef2;color:#484852;--ink:#484852;--muted:#858193}.touch-app.phone{max-width:600px}.touch-panel{height:100%;min-height:0;position:relative}.touch-panel[hidden]{display:none!important}.watermark{position:absolute;width:250px;height:69px;left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(5px);opacity:.15;pointer-events:none}.pack-list-panel{display:flex;flex-direction:column;padding:58px 19px 20px}.list-brand{text-align:center;flex:none}.list-brand>img{width:200px;height:55px;margin:auto}.list-brand h1{font-size:18px;font-weight:700;line-height:25px;margin-top:10px;letter-spacing:.5px}.list-brand p{font-size:13px;color:#858193;line-height:22px;letter-spacing:.5px}.list-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px;margin-bottom:24px;position:relative}.list-actions .capsule{flex:1;font-size:18px;font-weight:700;gap:7px}.list-actions .capsule>img{width:18px;height:20px}.pack-rows{position:relative;flex:1;min-height:0}.pack-row{display:flex;align-items:center;gap:14px;min-height:77px;width:100%;text-align:left;padding:3px 0 4px}.pack-row.selected{background:var(--selected)}.pack-row>img{width:70px;height:70px;flex:none;image-rendering:pixelated;border-radius:12px}.pack-row strong{font-size:16px;letter-spacing:.5px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pack-row small{display:block;font-size:12px;color:#858193;line-height:25px;letter-spacing:.5px}.preview-panel{width:100%;padding:58px 30px 30px;display:flex;flex-direction:column;align-items:center}.preview-stage-group{width:calc(100% - 12px);max-width:318px;flex:none}.preview-stage{position:relative;width:100%;aspect-ratio:1;background:#fcfafd;border-radius:12px;display:grid;place-items:center}.preview-stage::after{content:'';position:absolute;inset:0;border:14px solid transparent;border-image:url('assets/ui/preview_frame.png') 14 stretch;pointer-events:none}.preview-stage.dark-preview{background:#484852}.preview-stage>img{width:96px;height:96px;image-rendering:pixelated}.preview-theme-row{display:flex;justify-content:flex-end;padding-top:4px}.preview-title-row{position:relative;width:calc(100% - 12px);margin-top:7px;flex:none}.preview-title-row h1{font-size:24px;line-height:30px;font-weight:700;width:calc(100% - 36px);overflow:hidden;white-space:nowrap}.preview-title-row h1 span{display:block;width:max-content;max-width:none}.preview-title-row h1.overflow span{animation:none}.preview-title-row p{font-size:20px;line-height:30px;color:#858193;margin-top:4px}.more-button{position:absolute;right:-8px;top:10px}.more-button img{width:21px;height:5px}.transport{height:62px;margin-top:13px;width:calc(100% - 12px);max-width:318px;flex:none;display:flex;align-items:center;justify-content:space-between}.transport .icon-button:first-child img,.transport .icon-button:last-child img{width:44px;height:24px}.transport .pause-icon{width:32px;height:36px}.state-rows{width:100%;min-height:80px;flex:1;margin-top:7px;position:relative}.state-row{display:flex;align-items:center;width:100%;gap:12px;padding:3px 6px;height:54px;font-size:12px;color:#858193;text-align:left;letter-spacing:.5px}.state-row.selected{background:var(--selected);color:#484852}.state-row>img{width:47px;height:47px;image-rendering:pixelated;border-radius:5px}.preview-bottom{width:100%;height:50px;display:flex;align-items:center;justify-content:space-evenly;flex:none;margin-top:8px}.preview-bottom .shuffle img{width:28px;height:28px}.preview-bottom .list-return img{width:20px;height:19px}.info-panel{display:flex;flex-direction:column;padding:58px 0 0}.info-header{position:relative;height:65px;flex:none;display:flex;align-items:flex-start;justify-content:center;padding:14px 72px 0}.info-header .circle{position:absolute;top:0;left:15px}.info-header h1{font-size:18px;line-height:25px;text-align:center}.info-content{padding:0 15px 30px;flex:1;min-height:0}.touch-detail-image{width:200px;height:200px;object-fit:contain;margin:0 auto;border-radius:6px}.info-content>.description{text-align:center;font-size:13px;line-height:25px;margin:30px 15px 26px;white-space:pre-line}.info-section{margin-top:25px}.info-section>h2{font-size:13px;line-height:25px;font-weight:400;color:#858193;margin:0 15px 10px}.info-card{background:#fcfafd}.info-line{display:flex;align-items:center;min-height:56px;width:100%;gap:16px;padding:0 16px;position:relative;text-align:left;font-size:11px}.info-line>img{width:27px;height:27px;flex:none}.info-line+.info-line::before{content:'';position:absolute;left:59px;right:16px;top:0;height:1px;background:#d9d9d9}.info-line .chevron{width:6px;height:9px;margin-left:auto}.info-line small{color:#858193;font-size:11px;margin-left:2px}.info-line:hover{background:rgba(121,86,111,.04)}.color-card{padding:0;overflow:hidden}.color-option[aria-pressed="true"]{background:var(--selected)}.color-option-image{image-rendering:pixelated}.color-option-check{margin-left:auto;flex:none;color:#79566f}.info-content>.separate{text-align:center;margin-top:22px}.tablet.portrait .pack-list-panel{padding:90px max(60px,13.5vw) 30px}.tablet.portrait .list-brand>img{width:250px;height:69px}.tablet.portrait .list-brand h1{font-size:21px;margin-top:20px}.tablet.portrait .list-brand p{font-size:16px;margin-top:8px}.tablet.portrait .list-actions{gap:64px;margin:30px 0 40px}.tablet.portrait .pack-row{min-height:119px;gap:25px}.tablet.portrait .pack-row>img{width:100px;height:100px}.tablet.portrait .pack-row strong{font-size:21px}.tablet.portrait .pack-row small{font-size:16px;margin-top:10px}.tablet.portrait .preview-panel{padding:9vh max(50px,14vw) 35px}.tablet.portrait .preview-stage-group{width:480px;max-width:100%}.tablet.portrait .preview-theme-row{padding-top:15px}.tablet.portrait .preview-title-row{width:100%;margin-top:12px}.tablet.portrait .preview-title-row h1{font-size:30px;line-height:36px}.tablet.portrait .preview-title-row p{font-size:24px;margin-top:9px}.tablet.portrait .transport{margin-top:24px;height:64px}.tablet.portrait .state-rows{margin-top:26px}.tablet.portrait .state-row{height:102px;font-size:20px;gap:22px}.tablet.portrait .state-row img{width:85px;height:85px}.tablet.portrait .preview-bottom{position:absolute;top:calc(9vh + min(480px, 72vw) + 145px);left:14vw;right:14vw;width:auto;justify-content:space-between;pointer-events:none}.tablet.portrait .preview-bottom button{pointer-events:auto}.tablet.portrait .info-panel{padding:75px 50px 0}.tablet.portrait .touch-detail-image{width:300px;height:300px}.tablet.portrait .info-content>.description{font-size:16px;margin:35px auto;max-width:520px}.tablet.portrait .info-section>h2{font-size:16px}.tablet.portrait .info-line{font-size:14px;min-height:70px}.tablet.portrait .info-header{height:80px}.tablet.portrait .info-header h1{font-size:24px}.tablet.landscape{display:grid;grid-template-columns:1fr 1fr}.tablet.landscape .preview-panel{grid-column:1;grid-row:1;padding:10vh 20px 36px;width:370px;justify-self:center;max-width:100%}.tablet.landscape .pack-list-panel,.tablet.landscape .info-panel{grid-column:2;grid-row:1}.tablet.landscape .pack-list-panel{padding:55px 40px 10px 15px}.tablet.landscape .list-brand>img{width:200px;height:55px}.tablet.landscape .list-brand{margin-bottom:32px}.tablet.landscape .list-actions{position:absolute;top:54px;right:40px;margin:0}.tablet.landscape .list-actions>.shuffle,.tablet.landscape .list-actions>.capsule{display:none}.tablet.landscape .pack-row{min-height:100px;gap:25px;padding:7px 5px}.tablet.landscape .pack-row>img{width:85px;height:85px}.tablet.landscape .pack-row strong{font-size:21px;line-height:27px}.tablet.landscape .pack-row small{font-size:16px;margin-top:8px}.tablet.landscape .preview-bottom{justify-content:flex-end;height:54px;position:relative;margin-top:-54px;pointer-events:none}.tablet.landscape .preview-bottom button{pointer-events:auto}.tablet.landscape .preview-bottom .shuffle{width:54px;height:54px;border-radius:50%;background:var(--glass);box-shadow:var(--shadow)}.tablet.landscape .preview-bottom .shuffle::after{content:'';position:absolute;inset:0;background:url('assets/ui/button_circle_frame.png') center/contain no-repeat;pointer-events:none}.tablet.landscape .preview-bottom .shuffle{position:relative}.tablet.landscape .preview-bottom .shuffle img{width:18px;height:18px}.tablet.landscape .list-return{display:none}.tablet.landscape .state-rows{padding-bottom:60px}.tablet.landscape .info-panel{padding:48px 20px 0 0}.tablet.landscape .info-header{height:72px}.tablet.landscape .info-header h1{font-size:18px}.tablet.landscape .info-content{padding-left:15px;padding-right:15px}.tablet.landscape .info-content>.description{margin-top:30px}.tablet.landscape .info-section{margin-top:25px}
@media(max-height:740px){.phone .preview-panel{padding-top:20px;padding-bottom:12px}.phone .preview-stage-group{max-width:min(280px,42dvh)}.phone .preview-title-row{margin-top:5px}.phone .transport{margin-top:2px;height:52px}.phone .preview-bottom{height:40px}.tablet.landscape .preview-panel{padding-top:30px}.tablet.landscape .preview-stage-group{max-width:min(318px,40dvh)}}@media(prefers-reduced-motion:reduce){.player-title.overflow span,.preview-title-row h1.overflow span{animation:none}}
[hidden]{display:none!important}.desktop-icon span{white-space:nowrap}.paint-width>.layer:not(.pressed),.paint-actions>.layer:not(.pressed),.paint-save>.layer:not(.pressed){z-index:1}.paint-width>.pressed,.paint-actions>.pressed,.paint-save>.pressed{z-index:0}.paint-layout{grid-template-columns:105px minmax(0,1fr)}

/* Keep the preview watermark behind the state list, clear of the controls. */
.preview-panel>.watermark{top:80%;}
.app-window{container-type:size;}
.paint-canvas-wrap{width:min(100%,calc((100cqh - 122px)*1.25));height:auto;justify-self:center;}
@container (max-width:600px){.paint-canvas-wrap{width:min(100%,calc((100cqh - 264px)*1.25));max-height:none;height:auto;}}
@container (max-width:380px){.paint-layout{padding-left:6px;padding-right:6px;}}
.info-content>.description{word-break:keep-all;overflow-wrap:break-word;}

.app-window[data-window=paint]{min-height:460px;}
.paint-layout{grid-template-rows:minmax(0,1fr);min-height:0;}
.paint-tools{min-height:0;}

.desktop-scene.dark{color:var(--ink);}

/* Match the artwork rail (x=15..405, y=137) and the native input hit area. */
.slider-zone{left:15px;width:390px;}
.slider-zone input{inset:auto;left:calc(15% - 7px);top:0;width:calc(85% + 14px);height:28px;appearance:none;-webkit-appearance:none;background:transparent;padding:0;border:0;}
.slider-zone input::-webkit-slider-runnable-track{height:6px;background:transparent;}
.slider-zone input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:12px;margin-top:-3px;background:transparent;border:0;}
.slider-zone input::-moz-range-track{height:6px;background:transparent;}
.slider-zone input::-moz-range-thumb{width:14px;height:12px;background:transparent;border:0;}
html:lang(ja) .player-idle p{font-size:16px;line-height:22px;}
/* Read-only desktop showroom scenes inside the mobile/tablet preview. */
.showroom-demo{position:absolute;inset:3px;overflow:hidden;border-radius:10px;pointer-events:none;user-select:none}.demo-desktop{position:absolute;width:600px;height:600px;transform-origin:top left;background:#f1eef2;color:#484852;--ink:#484852;--muted:#858193;--glass:rgba(220,220,224,.65)}.demo-desktop.demo-dark{background:#484852;color:#fcfafd;--ink:#fcfafd;--muted:#d0ccd8;--glass:rgba(220,220,224,.15)}.demo-logo{position:absolute;width:240px;left:180px;top:285px}.demo-logo img{width:100%}.demo-pack-icons{position:absolute;left:25px;top:35px;width:100px;display:grid;gap:22px}.demo-pack-icons>div{text-align:center;font-size:13px;line-height:16px}.demo-pack-icons img{width:52px;height:52px;margin:0 auto 4px;image-rendering:pixelated}.demo-player{position:absolute;left:160px;top:38px;width:420px;transform:scale(.57);transform-origin:top left}.demo-player .desktop-player{position:relative!important;left:0!important;top:0!important;transform:none!important;margin:0!important}.demo-player button,.demo-player input{visibility:visible}.demo-player .player-title{font-size:18px!important}.demo-shops{position:absolute;right:24px;top:175px;display:grid;gap:12px}.demo-shops>div{display:flex;align-items:center;gap:10px;border:1px solid #bcb7c2;border-radius:25px;padding:12px;width:135px;background:var(--glass);font-size:14px;box-shadow:var(--shadow)}.demo-shops img{width:22px;height:22px}.demo-shops img:last-child{width:12px;height:12px;margin-left:auto}.demo-hover>div:first-child{background:#fcfafd;color:#484852}.demo-utilities{position:absolute;right:25px;bottom:32px;display:flex;gap:25px;font-size:14px;text-align:center}.demo-utilities img{height:48px;width:48px;margin:0 auto 6px}.demo-window{position:absolute;background:#e9e7ec;color:#484852;border:1px solid #bcb7c2;border-radius:8px;box-shadow:0 5px 15px #48485220;overflow:hidden}.demo-window-title{height:35px;border-bottom:1px solid #bcb7c2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:16px}.demo-window-title img{width:15px;height:15px}.demo-note{padding:35px 48px;font-size:24px;white-space:nowrap}.demo-note i{display:inline-block;height:25px;border-left:1px solid #79566f;vertical-align:middle}.demo-resize{position:absolute;bottom:4px;right:4px;width:12px;height:12px}.demo-paint{padding:13px;display:flex;gap:10px}.demo-paint>div{width:26px;display:grid;align-content:start;gap:12px}.demo-paint>div img{width:26px;height:26px}.demo-paint svg{width:258px;height:155px;background:#fcfafd;border:1px solid #d0ccd8;border-radius:5px}.demo-help{position:absolute;left:290px;top:145px;padding:12px 18px;background:#fcfafd;color:#484852;border:1px solid #bcb7c2;border-radius:8px;font-size:16px}.demo-progress{position:absolute;left:175px;top:385px;width:210px;height:8px;border-radius:4px;background:#d0ccd8;overflow:hidden}.demo-progress i{display:block;height:100%;background:#858193}.demo-pointer{position:absolute;width:64px;height:64px;image-rendering:pixelated;z-index:5}.demo-click{position:absolute;width:26px;height:26px;border:3px solid #a79bc3;border-radius:50%;transform:translate(-50%,-50%);z-index:4}.demo-desktop [hidden]{display:none!important}

.showroom-demo{background:#f1eef2}.dark-preview .showroom-demo{background:#484852}
/* Flat dark desktop panels need no backdrop sampling; avoid moving-cursor seams. */
.desktop-scene.dark .glass{backdrop-filter:none;-webkit-backdrop-filter:none}
#live-cursor{will-change:transform;contain:layout style;backface-visibility:hidden}