#designer-open{background:#b3f99b;color:#14200f;border-radius:6px;padding:9px 12px;font-size:14px!important;font-weight:600;display:block!important}#designer-ui{position:absolute;inset:0;pointer-events:none;z-index:10}#designer-ui button,#designer-ui input,#designer-ui select,#designer-ui textarea{font:inherit}#designer-ui button{font-size:14px;min-height:40px;padding:8px;border:1px solid #3c4937;border-radius:5px;background:#20291c}#designer-ui button:hover{background:#34462a}#designer-ui button[aria-pressed=true]{background:#aaf796;color:#11200a;border-color:#aaf796}#designer-ui input:not([type=checkbox]),#designer-ui select,#designer-ui textarea{width:100%;min-width:0;min-height:40px;border:1px solid #45513e;border-radius:5px;padding:8px;background:#171d14;color:#f2f2f2;font-size:16px}#designer-ui input[type=color]{padding:3px}.ds-toolbar{position:absolute;left:12px;right:12px;top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#11170ff7;border:1px solid #425439;border-radius:9px;padding:12px;pointer-events:auto}.ds-title strong{font-size:19px;display:block;letter-spacing:-.5px}.ds-title span{font-size:12px;color:#9ea997}.ds-toolset{display:flex;gap:5px;flex-wrap:wrap}.ds-left,.ds-right{pointer-events:auto;position:absolute;top:100px;bottom:58px;overflow:auto;background:#11160ff5;border:1px solid #3d4b35;border-radius:9px;padding:16px;scrollbar-width:thin;overscroll-behavior:contain}.ds-left{left:12px;width:252px}.ds-right{right:12px;width:288px}.ds-tabs{display:flex;gap:3px;border-bottom:1px solid #3c4735;padding-bottom:10px;margin-bottom:18px}.ds-tabs button{flex:1;padding:7px 4px!important;font-size:13px!important}.ds-label{display:block;font-size:14px;margin:12px 0}.ds-label>input,.ds-label>select,.ds-label>textarea{margin-top:6px}.ds-note{font-size:14px;line-height:1.55;color:#acb7a4}#designer-ui h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:10px 0 15px}#designer-ui h3{font-size:16px;margin-top:24px}.ds-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.ds-catalog button{min-height:88px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left}.ds-catalog small{color:#9aaa8e;font-size:12px}.ds-catalog .ds-glyph{font-size:13px;letter-spacing:1px;color:#c3f5b2}.ds-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.ds-grid label{font-size:14px}.ds-grid input{margin-top:5px}.ds-primary{background:#aaf796!important;color:#12210c!important;width:100%;margin:8px 0}.ds-status{pointer-events:none;position:absolute;bottom:12px;left:12px;right:12px;border:1px solid #45533a;border-radius:7px;background:#12190ff5;color:#c4d6b8;display:flex;justify-content:space-between;gap:15px;padding:10px 14px;font-size:14px}.ds-layer{display:flex;gap:5px;align-items:center;border-bottom:1px solid #35432b;padding:8px 0}.ds-layer>button:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.ds-layer button{font-size:12px!important;padding:5px!important}.ds-project-row{display:flex;gap:5px;margin:8px 0}.ds-project-row button:first-child{flex:1;text-align:left}#ds-projects-pane>button,#ds-views-pane>button{margin-bottom:8px}.ds-ai-state{border-left:2px solid #c0a66d;padding-left:10px}.ds-mobile-tabs{display:none}#studio[data-designer=true]>.viewbar,#studio[data-designer=true]>.camera-strip,#studio[data-designer=true]>.camera-caption,#studio[data-designer=true]>.stage-footer,#studio[data-designer=true]>.selection,#studio[data-designer=true]>#settings{display:none!important}#studio[data-designer=true] #viewport{position:absolute;left:278px;top:100px;width:calc(100% - 594px);height:calc(100% - 162px);border:1px solid #35422e;border-radius:9px}#studio[data-designer=true]{background:#080d07}
@media(max-width:1100px){.ds-left{width:220px}.ds-right{width:250px}#studio[data-designer=true] #viewport{left:244px;width:calc(100% - 518px)}.ds-title{display:none}}
@media(max-width:760px){.ds-toolbar{top:6px;left:6px;right:6px;padding:6px}.ds-toolset{gap:4px}#designer-ui .ds-toolset button{font-size:12px;min-height:34px;padding:5px 7px}.ds-left,.ds-right{display:none;top:auto;bottom:94px;left:8px;right:8px;width:auto;max-height:52%;padding:14px;z-index:3;background:#11180ffb}.ds-left[data-open=true],.ds-right[data-open=true]{display:block}#studio[data-designer=true] #viewport{left:6px;top:95px;width:calc(100% - 12px);height:calc(100% - 194px)}.ds-mobile-tabs{display:flex;position:absolute;bottom:54px;left:8px;right:8px;gap:8px;pointer-events:auto}.ds-mobile-tabs button{flex:1}.ds-status{left:6px;right:6px;bottom:6px;padding:8px;font-size:12px}#ds-object-count{display:none}.ds-catalog{grid-template-columns:repeat(3,1fr)}.top-actions .area{display:none}#designer-open{padding:7px;font-size:12px!important}.workspace-name{display:none}}
/* Canvas-first controls: drawers are shared by desktop and touch layouts. */
#studio[data-designer=true]{background:#111315}
#studio[data-designer=true] #viewport{left:0;top:76px;width:100%;height:calc(100% - 76px);border:0;border-radius:0}
.ds-toolbar{top:8px;left:12px;right:12px;padding:9px 12px;background:#181b1ef5;border-color:#393e42;gap:8px}
.ds-title strong{font-size:17px}.ds-title span{font-size:11px;color:#a9afb4}
#designer-ui button{background:#25292d;border-color:#454b50;border-radius:9px;min-height:44px;color:#f4f5f6}
#designer-ui button:hover{background:#373e44}#designer-ui button:disabled{opacity:.4;cursor:default}
#designer-ui button:focus-visible,#designer-ui summary:focus-visible{outline:2px solid #b3f99b;outline-offset:3px}
#designer-ui button[aria-pressed=true]{background:#b3f99b;color:#14200f;border-color:#b3f99b}
#designer-ui input:not([type=checkbox]),#designer-ui select,#designer-ui textarea{background:#202428;border-color:#4a5157}
.ds-left,.ds-right{display:none;top:84px;bottom:150px;width:300px;max-height:none;background:#181b1efc;border-color:#42484d;border-radius:14px;padding:16px;box-shadow:0 12px 40px #0005}
.ds-left{left:12px}.ds-right{right:12px}.ds-left[data-open=true],.ds-right[data-open=true]{display:block}
.ds-panel-close{display:block;margin:0 0 10px auto}.ds-note{color:#adb5bc}.ds-tabs{border-color:#41484e}.ds-catalog small{color:#adb5bc}.ds-catalog .ds-glyph{color:#b3f99b}
.ds-mobile-tabs{display:flex;position:absolute;bottom:48px;left:50%;right:auto;transform:translateX(-50%);gap:6px;padding:7px;background:#181b1ef5;border:1px solid #42484d;border-radius:15px;pointer-events:auto;box-shadow:0 6px 24px #0005}
.ds-mobile-tabs button{min-width:82px;white-space:nowrap}.ds-status{bottom:0;left:0;right:0;border:0;border-radius:0;background:#181b1ef2;font-size:12px;padding:9px 16px;color:#c0c6cb}
.ds-quick{pointer-events:auto;position:absolute;bottom:116px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#181b1ef5;padding:7px;border:1px solid #4b5359;border-radius:14px;max-width:calc(100% - 24px)}
.ds-quick[hidden]{display:none}.ds-quick span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;padding:0 9px}.ds-quick button{white-space:nowrap}
.ds-advanced{border-top:1px solid #41484e;margin:16px 0;padding-top:12px}.ds-advanced summary{cursor:pointer;padding:8px 0;font-size:14px;color:#c4ccd2}
#ds-redo{display:none}
.ds-toolset:has(#ds-undo:not(:disabled)) #ds-redo{display:block}
@media(max-width:1100px){.ds-title{display:none}}
@media(max-width:760px){#studio[data-designer=true] #viewport{left:0;top:64px;width:100%;height:calc(100% - 64px)}.ds-toolbar{top:5px;left:6px;right:6px;padding:5px;overflow-x:auto}.ds-toolset{flex-wrap:nowrap;gap:4px;width:100%}#designer-ui .ds-toolset button{min-height:44px;font-size:12px;padding:6px 8px;white-space:nowrap;flex:1}#ds-close{font-size:0!important}#ds-close:after{content:'Exit';font-size:12px}.ds-left,.ds-right{top:auto;bottom:116px;left:8px;right:8px;width:auto;max-height:calc(100% - 194px);z-index:4}.ds-mobile-tabs{bottom:44px;max-width:calc(100% - 16px);width:360px;box-sizing:border-box}.ds-mobile-tabs button{min-width:0;flex:1}.ds-quick{bottom:113px;gap:4px;max-width:calc(100% - 16px)}.ds-quick span{display:none}.ds-status{font-size:11px;min-height:30px;box-sizing:border-box;padding:7px 12px}.ds-catalog{grid-template-columns:repeat(2,1fr)}}

#airflow-open{display:block!important;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #05f215;border-radius:8px;background:#142418;color:#f2f2f2;font-size:14px;cursor:pointer}
@media(max-width:760px){.topbar{gap:6px}.top-actions{gap:6px}#airflow-open{font-size:12px;padding:6px 8px}#designer-open{font-size:12px!important}.topbar .brand{font-size:13px}}