/* 3.2: touch-friendly management and menus outside clipping containers. */
.cliora-app .download-dialog{width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:18px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-panel);color:var(--text-main);box-shadow:var(--ui-shadow);overflow:auto}.download-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.download-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.download-dialog h2{font-size:17px;margin:0}
.cliora-app .download-dialog #device-platform-downloads{position:static;display:grid;min-width:0;width:100%;max-height:none;border:0;box-shadow:none;background:none;padding:0;gap:4px}.cliora-app .download-dialog #device-platform-downloads :is(a,.platform-unavailable){display:flex;align-items:center;gap:14px;padding:13px 10px;min-height:54px;border-radius:10px;color:var(--text-main);text-decoration:none;white-space:normal}.download-dialog a:hover{background:var(--ui-hover)}.download-dialog .download-platform-caption{min-width:0;display:grid;gap:4px}.download-dialog .download-platform-name{font-size:14px;line-height:1.4}.download-dialog small{color:var(--text-muted);font-size:12px}.download-dialog .download-platform-icon{width:22px;text-align:center;color:var(--text-muted)}
.cliora-app .editor-topbar{position:relative}.cliora-app .editor-topbar .zoom-controls{position:absolute;left:var(--stage-center,50%);transform:translateX(-50%);padding:5px 10px!important;gap:5px!important}.cliora-app .zoom-controls #zoom-display{padding-right:4px;box-sizing:content-box}.cliora-app .zoom-controls #btn-toggle-overflow{margin-right:3px!important}.cliora-app .editor-title{max-width:23%;overflow:hidden}.cliora-app .editor-actions{margin-left:auto}
.device-extra>summary{cursor:pointer;font-size:14px;font-weight:600;padding:10px 0}.device-extra>h3,.device-extra>.device-actions>h3{display:none}.limit-meter{display:grid;gap:5px;font-size:11px;color:var(--text-muted);margin-top:10px}.limit-meter meter{width:100%;height:6px}.limit-meter[data-unlimited=true] meter{opacity:.25}.limit-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.limit-editor input[type=number]{width:100%}.limit-editor .limit-toggle{display:flex;gap:6px;align-items:center;margin-bottom:9px}
.layer-item[draggable=true]{cursor:grab}.layer-item.layer-drop-before{border-top:2px solid var(--accent-blue)}.layer-item.layer-drop-after{border-bottom:2px solid var(--accent-blue)}.layer-item.layer-dragging{opacity:.45}.aw-output-layers{border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:10px}.aw-output-layers .layer-item{cursor:pointer}.aw-output-layers .layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aw-screen.locked{pointer-events:none;opacity:.55}.aw-screen.locked .aw-screen-label::after{content:' 🔒'}.cliora-app .canvas-el{isolation:isolate}
@media(max-width:1023px){
.cliora-app :is(input,select,textarea){font-size:16px!important}.cliora-app :is(.btn-action,.btn-primary,.view-btn,.library-more,.device-manage){min-height:42px;min-width:42px}.cliora-app .manager-header{gap:16px;align-items:flex-start;flex-wrap:wrap}.cliora-app .manager-header h1{font-size:23px}.cliora-app .manager-header h1>span{display:none}.cliora-app .header-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%;justify-content:flex-start}.cliora-app .toolbar{gap:12px;flex-wrap:wrap}.cliora-app .search-box{flex:1;min-width:180px}.cliora-app .contents-container{min-width:0}.cliora-app .device-inline{grid-template-columns:110px minmax(0,1fr) 42px;display:grid;width:100%;min-width:0;gap:8px}.cliora-app .device-inline .search-select{min-width:0}.cliora-app .device-card .content-meta{display:none}.cliora-app .device-card .content-title code{font-size:10px;color:var(--text-muted)}.cliora-app #device-list.grid-view{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cliora-app #device-list .content-info-group{min-width:0}.cliora-app #device-list .content-title{font-size:15px!important;overflow-wrap:anywhere}.cliora-app .device-dialog{max-width:calc(100vw - 20px);width:620px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px;box-sizing:border-box}.cliora-app .device-columns{grid-template-columns:1fr!important}.cliora-app .device-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cliora-app .device-json{max-width:100%;overflow:auto}.cliora-app .device-actions{flex-wrap:wrap;gap:8px}.cliora-app .device-actions>button{flex:1 1 130px;white-space:normal}.cliora-app .device-inline button{padding:6px}.cliora-app .team-table-wrap{overflow-x:auto}.cliora-app .device-section{padding-top:18px;margin-top:18px}.cliora-app .modal-box{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}.cliora-app dialog{box-sizing:border-box}
}
@media(max-width:600px){
.cliora-app .manager-header,.cliora-app .manager-body{padding-left:16px;padding-right:16px}.cliora-app .toolbar{margin-left:16px;margin-right:16px}.cliora-app #device-list.grid-view{grid-template-columns:1fr}.cliora-app #device-list .content-card{min-height:0}.cliora-app #device-list .content-info-group{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px}.cliora-app #device-list .content-icon{width:64px;height:54px;margin:0}.cliora-app #device-list .device-art{width:64px;height:48px}.cliora-app #device-list .device-inline{margin-top:10px}.cliora-app .device-inline .device-kind{font-size:13px!important}.cliora-app #device-list .content-actions{margin-top:8px;justify-content:flex-end}.cliora-app .download-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:82dvh;border-radius:22px 22px 0 0;padding:20px 16px max(20px,env(safe-area-inset-bottom))}.cliora-app .device-dialog{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding:20px 16px max(20px,env(safe-area-inset-bottom))}.cliora-app .device-dialog header{position:sticky;top:-20px;padding:10px 0;background:var(--bg-panel);z-index:2;gap:10px}.cliora-app .device-dialog header h2{font-size:18px;overflow-wrap:anywhere}.cliora-app #device-pair-open{flex:1}.cliora-app #device-scan-open{min-width:48px}.cliora-app .library-context-menu{max-width:calc(100vw - 24px);max-height:70dvh;overflow:auto}.cliora-app .library-context-menu button{min-height:44px}.cliora-app .content-actions{flex-wrap:wrap}.cliora-app .team-dialog{max-width:calc(100vw - 20px);padding:18px}
}
/* DOM order is the layer order, including selected objects and galleries. */
.cliora-app .canvas-el{z-index:auto!important;isolation:isolate}
.aw-screen.locked{pointer-events:none;border-style:dashed;opacity:.6}
.aw-screen.locked .aw-corner,.aw-screen.locked .aw-rotate{display:none}
.aw-layer-outputs{padding:12px 0;border-bottom:1px solid var(--border-color);margin-bottom:16px}
.aw-output-row{gap:8px}.aw-output-row .layer-name{background:none;border:0;text-align:left;color:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layer-drop-before{box-shadow:0 -2px var(--accent-blue)}.layer-drop-after{box-shadow:0 2px var(--accent-blue)}
#editor-leave-modal footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
@media(max-width:767px){.search-select-popup{border-radius:18px;padding:12px!important;box-shadow:0 18px 90px #0009}.search-select-popup [role=listbox] button{min-height:46px;white-space:normal;text-align:left}.search-select-popup input{font-size:16px!important;min-height:44px}.aw-project-actions .aw-edit{display:none}}
.artwall-cards.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.artwall-cards.list-view{display:flex;flex-direction:column;gap:10px}.artwall-cards .content-icon svg{width:72px;height:56px;color:var(--text-muted)}.artwall-cards .content-icon{display:flex;align-items:center;justify-content:center;text-decoration:none}.artwall-cards .aw-links{display:inline-flex;gap:7px;align-items:center}.artwall-cards .content-actions a{display:inline-flex;align-items:center;text-decoration:none}.artwall-cards.list-view .content-icon svg{width:46px}.artwall-cards.list-view .content-card{display:flex;align-items:center}.artwall-cards.list-view .content-info-group{flex:1;min-width:0}.artwall-cards .content-meta{font-size:12px;color:var(--text-muted)}
@media(max-width:767px){.artwall-cards.grid-view{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.artwall-cards .content-actions{flex-wrap:wrap;gap:6px}.artwall-cards .aw-links span{font-size:12px}.artwall-cards.list-view .content-card{flex-wrap:wrap}.artwall-cards.list-view .content-meta{display:none}}

.artwall-cards .content-display-icon{width:72px;height:62px;object-fit:contain}.artwall-cards.list-view .content-display-icon{width:36px;height:31px}
.cliora-app #mainSidebar .limit-meter span{display:block}.limit-meter meter::-webkit-meter-bar{background:var(--border-color);border:0;border-radius:5px}.limit-meter meter::-webkit-meter-optimum-value{background:var(--accent-blue);border-radius:5px}.limit-meter meter::-moz-meter-bar{background:var(--accent-blue);border-radius:5px}
@media(max-width:767px){.cliora-app .library-context-menu{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.cliora-app .library-menu-item{min-height:44px}.cliora-app .manager-body{min-width:0}.cliora-app .device-card .content-meta{display:none}.cliora-app .device-extra>summary{min-height:44px;display:flex;align-items:center}}
@media(max-width:767px){.cliora-app .artwall-cards .aw-edit{display:none!important}}
.limit-editor>label{display:grid;gap:7px;margin:12px 0;font-size:12px;color:var(--text-muted)}.limit-editor input[type=number]{box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-app);color:var(--text-main);font:inherit}.limit-editor .limit-toggle{display:flex;white-space:nowrap}.limit-editor input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent-blue)}