#art-world{position:fixed;inset:0;z-index:12;background:#152932;color:#eff8fa;font-family:ui-rounded,'Arial Rounded MT Bold',Arial,sans-serif;isolation:isolate}#art-world *{box-sizing:border-box}#art-world [hidden]{display:none!important}#art-world button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #47606a;background:#273e47;color:#f5fafb;border-radius:11px;padding:9px 13px;font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;touch-action:manipulation}#art-world button:hover{filter:brightness(1.1)}#art-world button:disabled{opacity:.35;cursor:default}#art-world button:focus-visible{outline:3px solid #ffd15d;outline-offset:3px}#art-world svg{width:20px;height:20px;flex-shrink:0}#art-world .art-accent{background:#13b3a6;color:#052f34;border-color:#5ed3c8}#art-world .art-yellow{background:#ffd168;color:#253542;border-color:#ffe0a0}#art-world .art-danger{background:#b73c58;border-color:#dd7791}#art-world input,#art-world select,#art-world textarea{font:inherit;color:inherit;background:#152e38;border:1px solid #49646f;border-radius:8px;padding:8px;min-width:0}#art-world input[type=range]{padding:0;accent-color:#29cab9;cursor:pointer}#art-world input[type=color]{padding:3px;cursor:pointer;border-radius:9px;width:48px;height:42px}#art-world input[type=color]::-webkit-color-swatch-wrapper{padding:0}#art-world input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.art-header{position:relative;z-index:5;display:flex;align-items:center;gap:12px;min-height:65px;background:#102831f2;border-bottom:1px solid #657d7855;padding:9px max(18px,env(safe-area-inset-right)) 9px max(18px,env(safe-area-inset-left));backdrop-filter:blur(12px);flex-shrink:0}.art-header>img{width:43px;height:43px;object-fit:contain;background:#000;border-radius:50%;padding:2px}.art-brand strong{display:block;font-size:20px;letter-spacing:.06em}.art-brand small{display:block;font-size:11px;color:#add0d0;margin-top:4px}.art-header-end{margin-left:auto;display:flex;gap:6px}.art-header #art-help{border-color:#547874;background:#25463f;color:#c5f7d8}.art-room-view{position:absolute;inset:0;overflow:hidden;container-type:size;background:#cae8db}.art-room-scene{position:absolute}.art-room-bg{width:100%;height:100%;position:absolute;inset:0;pointer-events:none;user-select:none}.art-room-view .art-header{position:absolute;inset:0 0 auto}.art-room-intro{position:absolute;top:11%;left:50%;transform:translateX(-50%);z-index:3;background:#fffdf5f0;color:#253f46;padding:12px 27px;border-radius:0 0 23px 23px;text-align:center;box-shadow:0 6px 24px #073a3420;pointer-events:none}.art-room-intro>span{font-size:11px;font-weight:900;letter-spacing:.17em;color:#188b83}.art-room-intro p{margin:7px 0 0;font:700 24px 'Bradfield Handwriting',cursive}.art-room-dock{position:absolute;bottom:max(39px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:8px;background:#122b31ef;border:1px solid #90c8c080;border-radius:19px;z-index:5;box-shadow:0 8px 24px #06392e33}#art-world .art-room-dock button{min-height:48px;white-space:nowrap;background:#effaf1;color:#234e47;border-color:#9ccac0;padding:10px 18px}#art-world .art-room-dock #bear-start{background:#ffe6f0;color:#793c66}#art-world .art-room-dock #art-start{background:#b6f1df;color:#184b43}.art-room-note{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);padding:6px 15px;border-radius:15px;background:#fffdf4e8;color:#234743;font-size:12px;white-space:nowrap;z-index:4}.art-inayah{position:absolute;left:11%;top:94%;height:43%;width:auto;transform:translate(-50%,-100%);z-index:3;touch-action:none;cursor:grab;user-select:none;-webkit-user-drag:none;transition:left .2s,top .2s}.art-inayah:active{transition:none;cursor:grabbing}#art-world .art-room-hit{position:absolute;z-index:2;border:2px solid transparent;background:transparent;border-radius:8px;min-height:0;padding:0;box-shadow:none}#art-world .art-room-hit:hover,#art-world .art-room-hit:focus-visible{border-color:#fff7b5;background:#f7ffb80a;box-shadow:0 0 28px #fffab155}.easel-one{left:22%;top:32%;width:12%;height:40%}.easel-two{left:34%;top:32%;width:12%;height:40%}.bear-table{left:74%;top:36%;width:24%;height:38%}#art-world .wall-art{position:absolute;top:28.1%;height:17.9%;width:6.9%;border:0;border-radius:0;padding:0;background:#fff;z-index:2;min-height:0;overflow:hidden}.wall-art-0{left:46.7%}.wall-art-1{left:56.7%}.wall-art-2{left:66.5%}.wall-art img{width:100%;height:100%;object-fit:contain}#art-world .shelf-bear{position:absolute;background:transparent;border:0;padding:0;width:6.8%;height:10.5%;min-height:0;z-index:2;top:10.4%}.shelf-bear img{width:100%;height:100%;object-fit:contain}.shelf-bear-0,.shelf-bear-3{left:77.2%}.shelf-bear-1,.shelf-bear-4{left:83.5%}.shelf-bear-2,.shelf-bear-5{left:89.8%}#art-world .shelf-bear-3,#art-world .shelf-bear-4,#art-world .shelf-bear-5{top:21.2%}.art-editor{height:100%;display:flex;flex-direction:column;background:#203640}.art-actions{display:flex;gap:10px;align-items:center;background:#19313a;padding:7px max(16px,env(safe-area-inset-right)) 7px max(16px,env(safe-area-inset-left));border-bottom:1px solid #4a6c7150;flex-shrink:0;min-height:56px}.art-actions #art-title{width:180px;font-size:13px;font-weight:700;border-color:transparent;background:#203e47}.art-history,.art-save-actions{display:flex;align-items:center;gap:6px}.art-save-actions{margin-left:auto}.art-workspace{display:flex;flex:1;min-height:0;position:relative}.art-tools{flex:0 0 79px;display:flex;flex-direction:column;gap:5px;overflow:auto;padding:11px 8px;background:#122c35;border-right:1px solid #46666966;scrollbar-width:thin}#art-world .art-tools button{flex-shrink:0;flex-direction:column;gap:4px;background:transparent;border:1px solid transparent;min-height:55px;padding:7px 2px;color:#a9c8cf}#art-world .art-tools button>span{font-size:10px}#art-world .art-tools button[aria-pressed=true]{background:#f9f2dc;color:#183e43;border-color:#fae7ad;box-shadow:0 2px 10px #0002}.art-canvas-area{position:relative;min-width:0;flex:1;padding:30px 30px 42px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#2d444d;background-image:radial-gradient(#68868b55 .7px,transparent .8px);background-size:14px 14px;container-type:size}.art-page{aspect-ratio:4/3;width:min(100cqw,calc(100cqh * 4 / 3));max-height:100%;box-shadow:0 8px 35px #0b202b77;flex-shrink:0;background:#fff;position:relative}.art-page.bear-page{box-shadow:none;background:radial-gradient(ellipse at bottom,#b8ccd521,transparent 65%)}#paint-surface{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.art-canvas-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.17em;color:#b4c8cc;pointer-events:none}.art-inspector{flex:0 0 245px;min-width:0;background:#17313a;border-left:1px solid #597c7d55;overflow-y:auto;scrollbar-width:thin;padding:0 17px 16px}.art-panel-tabs{display:flex;gap:5px;padding:12px 0 15px;position:sticky;top:0;background:#17313a;z-index:2}#art-world .art-panel-tabs button{min-width:0;flex:1;flex-direction:column;font-size:9px;padding:7px 5px;gap:5px;border-color:transparent;background:#23434d;color:#b8d3d9}#art-world .art-panel-tabs button[aria-pressed=true]{background:#b4edda;color:#16423b;border-color:#b4edda}.art-panel-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 16px}.art-panel-heading>span{font-size:9px;letter-spacing:.17em;font-weight:850;color:#83bdb5}#art-world #panel-close{display:none}.art-colour-picker{display:flex;gap:12px;align-items:center;margin-bottom:18px}.art-colour-preview{height:61px;width:61px;flex-shrink:0;border-radius:50%;border:5px solid #ffffff24;box-shadow:0 0 0 1px #99b5bd55}.art-colour-picker label{font-size:11px;display:grid;gap:6px}.art-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}#art-world .art-swatch{min-height:0;width:100%;aspect-ratio:1;padding:0;background:var(--swatch);border:2px solid #ffffff29;border-radius:50%}#art-world .art-swatch[aria-pressed=true]{outline:2px solid white;outline-offset:2px}.art-mini-lesson,.art-mix{margin-top:24px;padding:17px 13px;background:#244849;border:1px solid #5a8c7b55;border-radius:12px}.art-mini-lesson>span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#f5cd6e}.art-mini-lesson p,.art-mix p{font-size:12px;line-height:1.6;margin:10px 0 0;color:#d6e8df}.art-mix{padding:14px 10px}.art-mix h3{font-size:16px;margin:0;color:#e7f4eb}.art-mix-colours{display:flex;gap:10px;justify-content:space-between;padding:15px 0}.art-mix-colours label{display:grid;gap:6px;font-size:9px;color:#b1d4cd}.art-mix-colours input{width:45px!important;height:45px!important}.art-mix #pour-now{width:100%;font-size:12px}.art-panel-note{font-size:10px;line-height:1.6;color:#8bb0b7;margin-top:21px}.art-footer{display:flex;align-items:center;gap:18px;min-height:59px;background:#0f2a33;padding:9px max(18px,env(safe-area-inset-right)) 9px max(18px,env(safe-area-inset-left));border-top:1px solid #4a686c77;flex-shrink:0}.art-brush-controls{display:flex;gap:17px;flex-shrink:0}.art-brush-controls label{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700;color:#c0d7db}.art-brush-controls input{width:83px;height:25px}.art-brush-controls output{font-size:10px;color:#8ecfc1;min-width:18px}.art-footer p{font-size:11px;line-height:1.5;color:#bad2d5;margin:0;flex:1}.art-mobile-panels{display:none}.art-layer-list{display:flex;flex-direction:column;gap:7px;margin:16px 0}.art-layer{display:flex;gap:3px;border:1px solid #42636b;background:#1c3b46;border-radius:10px;overflow:hidden}#art-world .art-layer button{border:0;background:transparent;border-radius:0;color:#b6ccd3;padding:7px;min-height:47px}#art-world .art-layer-select{flex:1;justify-content:flex-start;font-size:11px;text-align:left}.art-layer.selected{background:#2f605a;border-color:#8bdfc4}#art-world .art-layer.selected button{color:#e6fff5}.layer-number{width:26px;height:26px;background:#9dcdc622;display:grid;place-items:center;border-radius:5px;font-size:10px}.art-layer-actions{display:flex;flex-wrap:wrap;gap:5px}#art-world .art-layer-actions button{font-size:10px;flex:1;white-space:nowrap;min-height:36px;padding:6px}.art-input-label{font-size:11px;color:#c3d6db;display:grid;gap:8px;margin:16px 0}.art-input-label input:not([type=range]),.art-input-label textarea,.art-input-label select{width:100%;font-size:13px;resize:vertical;min-height:38px}.art-input-label input[type=range]{height:24px;width:100%}#art-world #text-place,#art-world #text-centre,#art-world #add-art-layer{width:100%;margin-top:7px;font-size:11px}.art-panel-explain{font-size:12px;line-height:1.6;color:#bcd5d8}.art-dialog{color:#203a45;background:#fffcf1;width:min(92vw,870px);max-height:92dvh;border:1px solid #f4dfb0;text-align:left;border-radius:23px;padding:30px 33px;box-shadow:0 25px 100px #06181b99}.art-dialog::backdrop{background:#07252aaf;backdrop-filter:blur(9px)}#art-world .art-dialog button{background:#eaf2e7;color:#224a45;border-color:#afc5b8}.art-dialog h2{font:700 42px 'Bradfield Handwriting',cursive;margin:5px 0 14px;color:#22554e}.art-dialog p{font-size:14px;line-height:1.6}.art-dialog-kicker{font-size:9px!important;font-weight:900;letter-spacing:.18em;color:#71978b;margin:0 0 8px}.art-dialog .art-dialog-close{position:absolute;right:10px;top:9px;font-size:27px!important;border:0!important;background:transparent!important;min-width:42px}.art-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.art-guide-grid section{border:1px solid #e7dfc6;border-left:4px solid #25b0a4;border-radius:12px;background:#fff;padding:16px 18px}.art-guide-grid h3{margin:0 0 12px;font-size:17px}.art-guide-grid ol{padding-left:21px;margin:0}.art-guide-grid li{font-size:14px;line-height:1.55;padding-left:4px;margin:9px 0}.art-guide-grid li::marker{color:#138b82;font-weight:900}.art-guide-challenge{padding:16px;background:#e0f4e9;border-radius:12px;font-size:14px;line-height:1.6;margin:18px 0}.art-guide-challenge strong{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:5px}#art-world #art-guide-done{width:100%;background:#1b776b;color:#fff;border-color:#1b776b}.art-confirm{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.art-empty{padding:55px 20px;background:#edf4e5;border:2px dashed #b2ccbc;border-radius:15px;text-align:center;line-height:1.8;color:#618a74}.art-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.art-gallery-grid article{background:#fff;border:1px solid #dfdfcc;border-radius:12px;padding:9px}#art-world .art-gallery-grid [data-gallery-open]{width:100%;padding:0;border:0;background:transparent;border-radius:0;display:flex;flex-direction:column;gap:10px}#art-world .art-gallery-grid [data-gallery-open] img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f3f2e9;border-radius:6px}.art-gallery-grid strong{font-size:13px}.art-gallery-grid small{font-size:8px;letter-spacing:.1em;color:#719a8d}#art-world .art-gallery-grid [data-gallery-delete]{width:100%;min-height:32px;font-size:10px;margin-top:12px;background:#faf4e9;border-color:#e5d8bd;color:#966451}
@media(max-width:1100px){.art-brand strong{font-size:17px}.art-actions{gap:7px}.art-actions #art-title{width:140px}.art-inspector{flex-basis:210px;padding-left:12px;padding-right:12px}.art-canvas-area{padding:20px 20px 35px}.art-save-actions{gap:5px}#art-world .art-actions button{padding:8px 10px;font-size:11px}.art-room-dock{gap:5px}#art-world .art-room-dock button{padding:9px 13px}.art-footer{gap:13px}.art-brush-controls{gap:12px}.art-brush-controls input{width:65px}.art-mix-colours{gap:5px}.art-panel-tabs button{font-size:8px}.art-brand small{font-size:10px}}
@media(orientation:landscape) and (max-height:550px){.art-header{min-height:46px;padding:5px max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));gap:9px}.art-header>img{width:31px;height:31px}.art-brand strong{font-size:13px;letter-spacing:.035em}.art-brand small{display:none}#art-world .art-header button{min-height:34px;padding:6px 9px;font-size:10px}.art-header-end svg{width:16px!important;height:16px!important}.art-actions{min-height:44px;padding:4px max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left));gap:6px}.art-actions #art-title{width:118px;font-size:10px;padding:7px 6px}#art-world .art-actions button{min-height:34px;padding:6px 8px;font-size:9px;gap:4px}#art-world .art-actions button svg{width:15px;height:15px}.art-history{gap:4px}.art-history button>span{display:none}.art-save-actions{gap:5px}.art-tools{flex-basis:66px;padding:7px 5px;gap:3px}#art-world .art-tools button{min-height:43px;padding:5px 2px;gap:2px}#art-world .art-tools button>span{font-size:8px}#art-world .art-tools button svg{width:18px;height:18px}.art-inspector{display:none;position:absolute;right:10px;top:5px;bottom:5px;width:235px;z-index:9;box-shadow:0 5px 30px #061b28aa;border:1px solid #628e84;border-radius:14px;padding:0 15px 13px}.art-inspector.mobile-open{display:block}.art-panel-tabs{padding-top:8px;padding-bottom:10px}.art-panel-tabs button{min-height:41px!important}.art-panel-heading{margin-bottom:8px}#art-world #panel-close{display:inline-flex;min-height:30px;font-size:9px;padding:5px 8px}.art-colour-picker{margin-bottom:12px}.art-colour-preview{width:42px;height:42px}.art-mix,.art-mini-lesson{margin-top:15px}.art-canvas-area{padding:12px 18px 25px}.art-canvas-caption{bottom:6px;font-size:7px}.art-footer{min-height:46px;padding:5px max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));gap:12px;flex-wrap:nowrap}.art-brush-controls{gap:10px}.art-brush-controls label{font-size:9px;gap:5px}.art-brush-controls input{width:60px;min-height:30px}.art-brush-controls output{font-size:8px}.art-footer p{font-size:9px;line-height:1.3;max-height:36px;overflow:auto}.art-mobile-panels{display:flex;gap:5px;flex-shrink:0}#art-world .art-mobile-panels button{padding:5px 8px;min-height:34px;flex-direction:column;font-size:8px;gap:2px}#art-world .art-mobile-panels button svg{width:14px;height:14px}.art-room-intro{top:12%;padding:7px 20px}.art-room-intro>span{font-size:8px}.art-room-intro p{font-size:17px;margin-top:3px}.art-room-dock{bottom:31px;padding:5px;border-radius:14px}#art-world .art-room-dock button{min-height:36px;font-size:10px;padding:6px 12px;gap:7px}.art-room-dock button svg{width:17px!important;height:17px!important}.art-room-note{font-size:9px;bottom:5px;padding:4px 12px}.art-inayah{height:43%}.art-dialog{padding:20px 25px;max-height:94dvh}.art-dialog h2{font-size:32px}.art-guide-grid{gap:12px;margin:15px 0}.art-guide-grid section{padding:13px 15px}.art-guide-grid h3{font-size:16px}.art-gallery-grid{grid-template-columns:repeat(3,1fr)}.art-gallery-grid [data-gallery-open] img{max-height:130px}}
@media(max-width:740px){#art-world #art-import span{display:none}.art-actions #art-title{width:102px}.art-save-actions{gap:4px}#art-world .art-save-actions button{font-size:8px;padding:6px}.art-brush-controls input{width:47px}.art-footer{gap:8px}.art-footer p{font-size:8px}.art-header #art-help>span{max-width:70px;font-size:9px}.art-brand strong{font-size:12px}.art-guide-grid{grid-template-columns:1fr}.art-dialog h2{font-size:29px}.art-room-intro{display:none}}
@media(orientation:portrait){#art-world{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.art-inayah{transition:none}}
.art-view-controls{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:3px;background:#132c35e6;border:1px solid #547b7c6b;border-radius:10px;z-index:3;box-shadow:0 3px 14px #112a3144}#art-world .art-view-controls button{min-height:29px;min-width:29px;padding:5px 9px;font-size:10px;border-color:transparent;background:transparent;white-space:nowrap}#art-world .art-view-controls #view-in,#art-world .art-view-controls #view-out{font-size:18px}.art-view-controls output{font-size:9px;min-width:36px;text-align:center;color:#b9ded8}.art-page{transform-origin:center}.art-canvas-area{padding-top:48px}
@media(orientation:landscape) and (max-height:550px){.art-view-controls{top:5px;padding:1px;gap:0}#art-world .art-view-controls button{min-height:25px;min-width:28px;padding:3px 7px;font-size:8px}.art-view-controls output{font-size:8px}.art-canvas-area{padding-top:35px}}

/* Gallery positions match the tablet-safe room illustration. */
#art-world .wall-art{top:29.43%;height:15.31%;width:5.86%}.wall-art-0{left:43.78%}.wall-art-1{left:52.57%}.wall-art-2{left:61.42%}
.bear-table{left:67%;top:35%;width:22%;height:39%}
#art-world .shelf-bear{top:11.2%}.shelf-bear-0,.shelf-bear-3{left:70.3%}.shelf-bear-1,.shelf-bear-4{left:76.3%}.shelf-bear-2,.shelf-bear-5{left:82.3%}#art-world .shelf-bear-3,#art-world .shelf-bear-4,#art-world .shelf-bear-5{top:20.5%}
/* Shared studio bear, club emblem and graffiti corner. */
.art-inayah{transition:none!important}.art-wall-logo{position:absolute;left:16.9%;top:13%;width:8%;height:auto;aspect-ratio:1;object-fit:contain;padding:4px;border-radius:50%;background:#050809;box-shadow:0 4px 9px #0f33283d;pointer-events:none}.room-bear-shared{position:absolute;left:74.4%;top:35.8%;width:8.4%;height:17.6%;object-fit:contain;pointer-events:none}#art-world .graffiti-station{position:absolute;left:13.5%;top:29.5%;width:10.2%;min-height:0;height:17%;display:flex;flex-direction:column;gap:7px;padding:10px 7px;background:#fff8e8;color:#183845;border:4px solid #6d4734;box-shadow:4px 6px 0 #2b403844;z-index:2;border-radius:8px;transform:rotate(-5deg)}.graffiti-station-word{display:flex;align-items:center;justify-content:center;min-height:0;flex:1;gap:0;width:100%}.graffiti-station-word img{width:31%;height:100%;min-height:0;object-fit:contain}.graffiti-station strong{font-size:clamp(8px,.95vw,15px);font-weight:1000;letter-spacing:.05em;line-height:1}.graffiti-station small{font-size:clamp(6px,.55vw,10px);line-height:1.2;max-width:100%}
#art-world .art-room-dock{max-width:98%}#art-world .art-room-dock button{padding-left:14px;padding-right:14px}.display-piece{position:absolute}.display-piece img{width:100%;height:100%;object-fit:contain}#art-world .display-piece .display-open{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;min-height:0}#art-world .display-piece .display-remove{position:absolute;right:1px;top:1px;width:24px;height:24px;min-height:24px;border:1px solid #fff;background:#143c48e6;color:white;border-radius:50%;padding:0;line-height:1;font-size:18px;z-index:3;box-shadow:0 1px 4px #071c2a44}.graffiti-pin{top:15%;width:7.7%;height:10.9%;z-index:3;background:#fff;border:5px solid white;box-shadow:2px 5px 5px #172c3033;transform:rotate(-5deg)}.graffiti-pin:before{content:'';position:absolute;left:42%;top:-9px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#f46a87;box-shadow:0 2px 2px #47203744;z-index:4;pointer-events:none}.graffiti-pin-0{left:27%}.graffiti-pin-1{left:35.5%;transform:rotate(4deg)}.graffiti-pin-2{left:44%;transform:rotate(-2deg)}#art-world .graffiti-pin .display-remove{width:20px;height:20px;min-height:20px;font-size:15px}.shelf-bear{overflow:visible!important}.art-room-note{max-width:96%;white-space:normal;text-align:center}
.graffiti-alphabet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:12px 0}#art-world .graffiti-alphabet button{padding:3px;min-width:0;min-height:43px;border:1px solid #b3c7b7;background:#fffaf0;touch-action:none;border-radius:7px;user-select:none;-webkit-touch-callout:none;cursor:grab}.graffiti-alphabet img{height:39px;width:100%;object-fit:contain;pointer-events:none}.graffiti-drag-ghost{position:fixed;width:85px;height:100px;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;object-fit:contain;filter:drop-shadow(0 4px 5px #0007)}.graffiti-word-list{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0}#art-world .graffiti-word-list button{width:29px;min-height:30px;padding:5px;font-size:12px;border-color:#51746e}#art-world .graffiti-word-list button[aria-pressed=true]{background:#aee6d0;color:#17463f}.graffiti-selected{padding:12px;border:1px solid #426b66;border-radius:12px;background:#24423f}.graffiti-selected h3{font-size:15px;color:#d7f0df;margin:0}.graffiti-selected .art-input-label{font-size:10px}.graffiti-backgrounds{display:grid;grid-template-columns:1fr 1fr;gap:10px}#art-world .graffiti-backgrounds button{display:flex;flex-direction:column;gap:7px;min-width:0;padding:6px;background:#24414a;font-size:10px;color:#cfdfdf;border-color:#4c7778}.graffiti-backgrounds canvas{width:100%;height:auto;aspect-ratio:4/3;border-radius:5px;pointer-events:none}.graffiti-backgrounds button[aria-pressed=true]{outline:2px solid #ffcd69;outline-offset:2px}.graffiti-backgrounds button span{font-size:10px}.art-mix #pour-now{touch-action:none;user-select:none;-webkit-touch-callout:none}#art-world #pour-stop{width:100%;font-size:11px;margin-top:7px;min-height:34px;background:#35574f;color:#d5ede1;border-color:#64887c}.art-panel-tabs button span{overflow-wrap:normal}
@media(orientation:landscape) and (max-height:550px){#art-world .art-room-dock button{padding:6px 9px;gap:5px;font-size:9px}.art-room-dock button svg{width:15px!important;height:15px!important}#art-world .graffiti-station{padding:6px 4px;gap:3px;border-width:3px}.graffiti-station small{display:none}.graffiti-pin{border-width:3px}.graffiti-pin:before{width:8px;height:8px;top:-6px;border-width:1px}#art-world .display-piece .display-remove{width:22px;height:22px;min-height:22px;font-size:16px}.art-wall-logo{padding:2px}.graffiti-alphabet{gap:6px}.graffiti-alphabet img{height:35px}.graffiti-backgrounds{gap:9px}}
@media(orientation:landscape) and (max-height:550px){.art-wall-logo{top:15%}#art-world .shelf-bear{height:7.2%;top:14.5%}#art-world .shelf-bear-3,#art-world .shelf-bear-4,#art-world .shelf-bear-5{top:23.8%}}