/* VELUM studio panels: dense controls, clear hierarchy, responsive dialogs. */
.pro-full-action{width:100%;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:7px}.pro-full-action svg{width:14px;height:14px}
.document-strip>.small-action{border-radius:4px;height:25px;padding:0 9px;font-size:10px;white-space:nowrap}
.modal.pro-modal{width:min(860px,calc(100vw - 40px));max-width:860px;display:flex;flex-direction:column;overflow:hidden}.modal.pro-modal .modal-header,.modal.pro-modal .modal-footer{flex-shrink:0}.modal.pro-modal .modal-body{min-height:0;overflow:auto}.modal.brush-modal{width:min(1080px,calc(100vw - 36px));max-width:1080px}.modal.raw-modal{width:min(1120px,calc(100vw - 36px));max-width:1120px}
.pro-modal{width:min(860px,calc(100vw - 40px));max-width:860px}.pro-modal .modal-body{overflow:auto;overscroll-behavior:contain}.pro-modal .form-label{min-width:0}.pro-modal input[type=color]{width:100%;height:34px;padding:4px}.pro-modal h3{font-size:12px;font-weight:600;color:#dbe0e5;margin:0 0 15px}.pro-modal h4{font-size:10px;font-weight:500;margin:12px 0 7px;color:#aeb6bf}.pro-modal .form-row{align-items:end}.pro-modal .form-row>*{flex:1;min-width:0}.pro-modal .button svg,.pro-modal .subtle-button svg{width:15px;height:15px;flex-shrink:0}.pro-modal .subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.pro-tool-section+.pro-tool-section{margin-top:22px}.pro-tool-section h3{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pro-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pro-tool-card{border:1px solid #ffffff0d;border-radius:7px;background:#ffffff03;color:var(--text);padding:14px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;min-width:0}.pro-tool-card:hover{border-color:#d6ed7b55;background:#d6ed7b09}.pro-tool-card>svg{height:25px;width:25px;color:var(--accent);flex-shrink:0}.pro-tool-card>span{flex:1;min-width:0}.pro-tool-card strong{display:block;font-size:12px;font-weight:500}.pro-tool-card small{display:block;color:var(--muted);font-size:10px;line-height:1.55;margin-top:5px}.pro-tool-card kbd{font-size:9px;color:var(--faint)}.pro-section-label{font-size:10px;color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px}.pro-inline-actions{display:flex;gap:6px;margin-top:13px}.pro-inline-actions>*{flex:1}.pro-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pro-settings-grid>section{min-width:0}.pro-settings-grid .form-label{margin-bottom:12px}.pro-check{display:flex;align-items:center;gap:8px;color:#c1c9d0;font-size:11px;line-height:1.4;margin:11px 0;cursor:pointer}.pro-check input{accent-color:var(--accent);height:14px!important;width:14px!important;flex-shrink:0}.pro-slider{display:block;margin:0 0 15px;font-size:10px;color:#a9b2bb}.pro-slider>span{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px}.pro-slider output{font-size:10px;font-variant-numeric:tabular-nums;color:#d4dce1;background:#191c20;border:1px solid #ffffff0c;border-radius:3px;padding:2px 5px;min-width:26px;text-align:right}.pro-slider input{width:100%;height:3px;accent-color:var(--accent);margin:3px 0}.pro-empty{font-size:12px;line-height:1.7;color:var(--muted);padding:25px 0}.pro-info-card{background:#d6ed7b06;border:1px solid #d6ed7b20;border-radius:6px;padding:14px;margin:15px 0}.pro-info-card strong{font-size:12px;font-weight:500;color:#dbe2ce}.pro-info-card p{margin:7px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}.pro-tone-label{display:flex;justify-content:space-between;font-size:9px;color:var(--faint);margin-top:14px}.pro-histogram{width:100%;height:140px;border:1px solid #ffffff10;border-radius:5px;margin:0 0 20px}.curve-editor{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px}.curve-editor canvas{display:block;width:100%;aspect-ratio:1.4;border:1px solid #ffffff20;border-radius:4px;touch-action:none;cursor:crosshair}.curve-editor .form-row{gap:8px}.pro-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pro-style-card{padding:15px;border:1px solid #ffffff10;border-radius:7px;background:#ffffff02}.pro-style-card>.pro-check{font-weight:600;color:#d7dfd0;margin-top:0;margin-bottom:17px}.pro-style-card .form-label{font-size:9px;margin-bottom:10px}.pro-style-card .form-row{gap:8px}.pro-style-card input[type=number]{width:100%}.smart-filter-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #ffffff0a}.smart-filter-row>label{display:flex;align-items:center;gap:10px;flex:1;color:#d1d9df;font-size:12px}.smart-filter-row input{accent-color:var(--accent)}.smart-filter-row .subtle-button{font-size:10px;padding:5px 9px}.perspective-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:22px}.perspective-layout canvas{width:100%;border:1px solid #ffffff16;border-radius:5px;align-self:center;touch-action:none;cursor:crosshair}.perspective-layout .form-row{gap:7px}.perspective-layout .form-label{font-size:9px;margin:0}.perspective-layout .subtle-button{margin-top:20px;width:100%}
.brush-modal{width:min(1080px,calc(100vw - 36px));max-width:1080px}.brush-studio{display:grid;grid-template-columns:215px minmax(0,1fr);gap:26px}.brush-library{border-right:1px solid #ffffff0d;padding-right:20px}.brush-categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.brush-categories button{border:1px solid #ffffff10;border-radius:4px;font-size:9px;color:#a7b0b9;background:#ffffff03;padding:5px 7px;cursor:pointer}.brush-categories button.active{color:var(--accent);border-color:#d6ed74; background:#d6ed7b0a}.brush-presets{height:425px;overflow:auto;overscroll-behavior:contain}.brush-preset{display:block;position:relative;width:100%;border:1px solid transparent;border-radius:5px;margin-bottom:4px;padding:5px;background:#1b1f23;cursor:pointer;text-align:left}.brush-preset:hover{border-color:#d6ed7b80}.brush-preset img{display:block;width:100%;height:44px;object-fit:contain}.brush-preset span{display:block;padding:0 4px 5px;font-size:10px;color:#bdc7cd}.brush-settings{min-width:0}.brush-settings>canvas{width:100%;height:115px;object-fit:contain;border:1px solid #ffffff10;border-radius:7px;margin-bottom:23px;background:#191d21}.brush-settings .pro-settings-grid{gap:20px}.brush-settings h3{font-size:10px}.brush-settings .form-label{font-size:10px}
.raw-modal{width:min(1120px,calc(100vw - 36px));max-width:1120px}.raw-studio{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px}.raw-preview-area{min-width:0;display:flex;flex-direction:column;background:#15181b;border:1px solid #ffffff0c;border-radius:6px;overflow:hidden}.raw-preview-area>img{width:100%;height:480px;object-fit:contain;min-height:260px;flex:1}.raw-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-top:1px solid #ffffff0a;font-size:10px;color:var(--faint)}.raw-camera-info{font-size:10px;color:#aeb9c1;padding:12px 13px;line-height:1.6;background:#202428}.raw-controls{max-height:570px;overflow:auto;padding-right:9px}.raw-controls>h3:not(:first-child){margin-top:23px}.raw-controls .form-label{font-size:10px}.raw-controls .subtle-button{width:100%}.pro-processing{display:flex;align-items:center;justify-content:center;gap:20px;min-height:150px;color:var(--muted);font-size:12px}
.pro-secondary-panel{overflow:auto;flex:1;min-height:0}.pro-panel-heading{padding:15px 13px 10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#c8d2da;gap:8px}.pro-panel-heading>span{font-size:8px;color:var(--faint);letter-spacing:.1em}.pro-panel-heading .icon-button{width:23px;height:23px}.pro-panel-pad{padding:0 14px}.channel-components{display:flex;gap:5px;margin:0 13px 5px}.channel-components>*{flex:1}.channel-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid #ffffff06}.channel-thumb{display:flex;width:35px;height:29px;background:#ffffff08;border:1px solid #ffffff10;border-radius:3px;align-items:center;justify-content:center}.channel-thumb svg{width:22px;height:22px;color:#bbc7d0}.channel-name,.path-name{border:0;background:none;color:#ccd5dd;font-size:11px;text-align:left;flex:1;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis}.channel-row .icon-button{width:24px;height:24px}.channel-preview{display:flex;align-items:center;justify-content:center;background:#141719;border-radius:5px}.channel-preview img{max-height:560px;max-width:100%;object-fit:contain}.path-row{display:flex;padding:11px 10px;border:1px solid transparent;align-items:center;gap:4px}.path-row.active{background:#d6ed7b0b;border-color:#d6ed7b2a}.path-name{display:flex;align-items:center;gap:11px}.path-name>svg{width:26px;height:26px;color:var(--accent);flex-shrink:0}.path-name small{display:block;font-size:9px;color:var(--faint);margin-top:5px}.path-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:15px 10px}.path-panel-actions button{font-size:9px;min-height:29px}.layer-group-toggle{padding:0;border:0;background:transparent;color:#b9c89b;cursor:pointer;width:35px;flex-shrink:0}.layer-group-toggle svg{height:25px;width:25px}.layer-row{padding-left:calc(6px + min(var(--layer-depth,0),5) * 12px)}.layer-row.active-layer{box-shadow:inset 2px 0 var(--accent)}.clipping-mark{color:var(--accent);margin-right:4px}.layer-kind{font-size:8px}.layer-kind svg{width:10px;height:10px}.layer-tabs{gap:12px!important;padding-left:13px!important;padding-right:8px!important}.layer-tabs>[role=tab]{font-size:10px}.layer-tabs .panel-more{margin-left:auto;width:22px}.layer-mask{flex-shrink:0}.layer-row .layer-thumb{max-width:35px;flex-shrink:0}.layer-row .layer-details{min-width:20px}.pro-layer-extras .property-actions>button{font-size:9px}.tools-more-button{margin-top:4px!important}.toolbar .toolbar-tools{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.toolbar .toolbar-tools::-webkit-scrollbar{display:none}.toolbar{overflow:hidden}.tool-options .small-action{flex-shrink:0}.tool-options select{max-width:160px}.tool-options label{flex-shrink:0}#color-mode-status{white-space:nowrap;cursor:pointer}.channel-components .subtle-button{padding:6px}
@media(max-width:1100px){.brush-studio{grid-template-columns:180px minmax(0,1fr);gap:18px}.brush-library{padding-right:14px}.brush-settings .pro-settings-grid{gap:12px}.pro-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-tabs{gap:9px!important}.layer-tabs>[role=tab]{font-size:9px}.raw-studio{grid-template-columns:minmax(0,1fr) 220px;gap:18px}}
@media(max-width:790px){.pro-modal{width:calc(100vw - 24px);max-width:none}.brush-studio{grid-template-columns:1fr}.brush-library{border:0;padding:0}.brush-presets{height:160px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.brush-preset img{height:35px}.brush-preset span{font-size:8px}.brush-settings .pro-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brush-library .pro-inline-actions{margin-top:7px}.brush-settings>canvas{height:85px;margin-bottom:18px}.raw-studio{grid-template-columns:1fr}.raw-preview-area>img{height:250px;min-height:180px}.raw-controls{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.raw-controls h3{grid-column:1/-1}.raw-controls .subtle-button{grid-column:1/-1}.pro-tool-grid{grid-template-columns:1fr}.pro-style-grid{grid-template-columns:1fr 1fr}.pro-settings-grid{grid-template-columns:1fr}.curve-editor,.perspective-layout{grid-template-columns:1fr}.curve-editor>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.curve-editor canvas{max-height:300px}.perspective-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.perspective-layout h4{grid-column:1/-1}.perspective-layout>div>.form-row{grid-column:1/-1}.perspective-layout .subtle-button{grid-column:1/-1;margin-top:8px}.raw-preview-caption{font-size:9px}.smart-filter-row .subtle-button{font-size:9px}.pro-modal .modal-body{padding:18px}}
@media(max-width:420px){.pro-style-grid{grid-template-columns:1fr}.brush-settings .pro-settings-grid{grid-template-columns:1fr 1fr;gap:13px}.brush-settings .pro-settings-grid>section:last-child{grid-column:1/-1}.raw-controls{grid-template-columns:1fr}.pro-tool-card{padding:11px}.pro-tool-card strong{font-size:11px}.curve-editor>div:last-child{grid-template-columns:1fr}.pro-modal .form-row{gap:9px}.pro-modal .form-label{font-size:10px}}