.studio-view-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:8px}.studio-view-controls button{min-height:44px;padding:8px 12px}.studio-view-controls button[aria-pressed=true]{background:#285f49;color:white}.studio-view-controls output{min-width:48px;text-align:center}.studio-color{display:flex;align-items:center;gap:8px;font-size:14px}.studio-color input{width:44px;height:40px;border:0;padding:0;background:none}.studio-gesture-help{font-size:14px;line-height:1.6;margin:0 0 10px;color:#4b6558}.studio-save-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.studio-save-actions span{width:100%;font-size:13px;color:#496a55}.studio-shelf{border:1px solid #dbe4d6;border-radius:12px;padding:12px;margin-bottom:16px}.studio-shelf summary{cursor:pointer;font-weight:600;min-height:32px}.studio-shelf p{font-size:13px;line-height:1.7}#studioWorks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.studio-work-card{display:flex;flex-direction:column;gap:6px;padding:8px;background:#f5f7f0;border-radius:10px}.studio-work-card img{width:100%;height:120px;object-fit:contain}.studio-work-card span{font-size:13px}.studio-delete{background:none;border:0;color:#77554d;min-height:36px}.paint-surface{isolation:isolate}#paintCanvas{will-change:transform}@media(max-width:850px){.studio-view-controls{gap:5px}.studio-view-controls button{font-size:13px;padding:7px 9px}.studio-color{width:100%}.studio-gesture-help{font-size:12px}.studio-save-actions button{min-height:44px;font-size:13px}}
body.studio-quiet header,body.studio-quiet footer,body.studio-quiet .mobile-shortcuts,body.studio-quiet .room-samples,body.studio-quiet .room-tools,body.studio-quiet .paint-sessionbar,body.studio-quiet .paint-quick-guide{display:none!important}body.studio-quiet .room-shell{grid-template-columns:1fr!important}body.studio-quiet .studio-view-controls{position:sticky;top:0;z-index:4;background:#fff;padding:8px;border-radius:12px}.studio-offline-note{color:#496a55}
/* Keep the complete sheet in view and the interaction mode reachable. */
.product-app .paint-surface{display:flex;align-items:center;justify-content:center;min-height:0;padding:8px;height:min(58svh,580px)}.product-app .paint-surface canvas{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;border-radius:4px}.studio-dock{background:#f8faf5;padding:10px;border:1px solid #dce4d6;border-radius:14px;margin-bottom:10px;scroll-margin-top:96px}.product-app .studio-dock .room-toolbar{display:flex;gap:6px;margin:0 0 8px}.product-app .studio-dock .room-toolbar button{min-width:44px;min-height:44px;padding:6px 13px}.studio-view-controls{margin:0;flex-wrap:nowrap;gap:5px}.studio-view-controls button{padding:7px 9px;white-space:nowrap}.studio-view-controls output{min-width:43px;font-size:13px}.studio-color{margin-left:auto;white-space:nowrap}.studio-gesture-help{margin:6px 0 0!important;font-size:12px!important}.studio-quiet-exit{display:none!important}.studio-save-actions #roomSave{margin-left:0}.product-app #paint .paint-export-hint{margin-top:12px}.studio-color input{border-radius:8px;overflow:hidden}.studio-shelf{background:white}.studio-work-card button{min-height:44px}
body.studio-quiet .studio-dock{position:sticky;top:0;z-index:45;scroll-margin-top:8px}body.studio-quiet .studio-view-controls{position:static;padding:0;background:none}body.studio-quiet .studio-quiet-exit{display:inline-flex!important;margin-top:7px;min-height:40px}body.studio-quiet .paint-surface{height:62svh}
@media(max-width:850px){.product-app .room-workspace{padding:10px}.studio-dock{position:sticky;top:66px;z-index:30;padding:8px;scroll-margin-top:75px;box-shadow:0 4px 12px #243f3110}.studio-view-controls{flex-wrap:wrap}.studio-view-controls button{font-size:12px;padding:7px 8px;min-height:42px}.studio-view-controls output{min-width:38px}.studio-color{width:auto!important;margin-left:0;font-size:12px}.studio-color input{width:38px;height:34px}.studio-gesture-help{font-size:11px!important}.product-app .studio-dock .room-toolbar{margin-bottom:6px}.product-app .studio-dock .room-toolbar button{min-height:40px;padding:4px 10px;font-size:13px}.product-app .studio-dock #roomUndo,.product-app .studio-dock #roomRedo{font-size:21px}.studio-save-actions{display:grid;grid-template-columns:1fr 1fr}.studio-save-actions #studioSaveStatus{grid-column:1/-1}.product-app .paint-surface{height:46svh}.studio-save-actions #roomSave,.studio-save-actions #roomSavePDF{width:auto}.studio-save-actions span{font-size:12px}}
@media(max-width:380px){.studio-view-controls{gap:4px}.studio-view-controls button{padding:6px}.studio-color{gap:5px}}
.studio-boundary{display:flex;align-items:center;gap:7px;font-size:13px;color:#45634b;min-height:35px}.studio-boundary input{width:19px;height:19px;accent-color:#285e45}.studio-boundary:after{content:'경계 감지';font-size:11px;color:#788974;margin-left:3px}@media(max-width:850px){.studio-boundary{font-size:12px;min-height:30px}.studio-boundary input{width:18px;height:18px}}
.studio-boundary input{appearance:none;-webkit-appearance:none;width:34px!important;height:20px!important;min-width:34px;background:#a4b0a0;border-radius:20px;position:relative;cursor:pointer;border:1px solid #879d82;flex-shrink:0}.studio-boundary input:before{content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002}.studio-boundary input:checked{background:#285e45;border-color:#285e45}.studio-boundary input:checked:before{left:16px}.studio-boundary input:focus-visible{outline:3px solid #d3ad53;outline-offset:3px}
.studio-open-settings{display:none!important}.paint-settings-drawer{scroll-margin-top:80px}@media(max-width:850px){.studio-open-settings{display:inline-flex!important;margin-left:auto}.product-app .studio-dock .studio-open-settings{font-size:12px;padding:4px 9px}}