.interior-paint-open { position:relative; display:flex; align-items:center; gap:13px; width:100%; margin-top:16px; padding:13px 15px; overflow:hidden; border:0; border-radius:9px; background:linear-gradient(135deg,#102957 0%,#183d78 100%); box-shadow:0 8px 22px rgba(16,41,87,.2); color:#fff; text-align:left; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.interior-paint-open::after { content:""; position:absolute; top:-45px; right:-35px; width:110px; height:110px; border-radius:50%; background:rgba(255,255,255,.07); }
.interior-paint-open:hover,.interior-paint-open:focus { background:linear-gradient(135deg,#17366b 0%,#245297 100%); box-shadow:0 12px 28px rgba(16,41,87,.3); color:#fff; outline:0; transform:translateY(-2px); }
.interior-paint-open:active { transform:translateY(0); }
.interior-paint-open-icon { position:relative; z-index:1; display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border-radius:50%; background:#fff; color:#17366b; font-size:19px; box-shadow:0 4px 12px rgba(0,0,0,.12); }
.interior-paint-open-copy { position:relative; z-index:1; display:flex; min-width:0; flex:1; flex-direction:column; line-height:1.2; }
.interior-paint-open-copy strong { color:#fff; font-size:15px; font-weight:600; }
.interior-paint-open-copy small { margin-top:4px; color:rgba(255,255,255,.72); font-size:11px; }
.interior-paint-open-arrow { position:relative; z-index:1; margin-left:auto; color:rgba(255,255,255,.75); font-size:13px; transition:transform .2s ease; }
.interior-paint-open:hover .interior-paint-open-arrow { transform:translateX(3px); }
.interior-paint-modal .modal-dialog { max-width:1180px; }
.interior-paint-modal .modal-content { border:0; border-radius:18px; overflow:hidden; background:#f7f6f2; }
.interior-paint-modal .modal-header { align-items:flex-start; padding:20px 24px; border-bottom:1px solid #ddd9d0; }
.interior-paint-modal .modal-title { margin:2px 0 0; color:#18243b; font-size:25px; }
.interior-paint-kicker,.interior-paint-label { display:block; color:#79808c; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.interior-paint-label output { float:right; color:#18243b; font-weight:700; letter-spacing:0; text-transform:none; }
.interior-paint-modal .close { border:0; background:transparent; color:#18243b; font-size:32px; line-height:1; cursor:pointer; }
.interior-paint-modal .modal-body { padding:20px; }
.interior-paint-upload label { min-height:320px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:30px; border:2px dashed #b9b6ad; border-radius:14px; background:#fff; text-align:center; cursor:pointer; }
.interior-paint-upload input { display:none; }
.interior-paint-upload i { color:#15305d; font-size:44px; }
.interior-paint-upload small { color:#777; }
.interior-paint-upload-status { min-height:18px; color:#bd3434; font-size:12px; }
.interior-paint-samples { margin-top:16px; padding:16px; border-radius:12px; background:#fff; }
.interior-paint-sample-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:9px; }
.interior-paint-sample-grid button { padding:0; overflow:hidden; border:2px solid transparent; border-radius:8px; background:#f4f2ed; color:#18243b; cursor:pointer; }
.interior-paint-sample-grid button:hover { border-color:#15305d; }
.interior-paint-sample-grid img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.interior-paint-sample-grid span { display:block; padding:7px; font-size:12px; font-weight:700; }
.interior-paint-resume { width:100%; min-height:44px; margin-top:12px; border:0; border-radius:7px; background:#15305d; color:#fff; font-weight:700; }
.interior-paint-steps { display:none; }
.interior-paint-editor { display:grid; grid-template-columns:270px minmax(0,1fr); gap:18px; }
.interior-paint-tools { display:flex; flex-direction:column; gap:16px; padding:16px; border-radius:12px; background:#fff; }
.interior-paint-tools input,.interior-paint-tools select { width:100%; }
.interior-paint-tools select,.interior-paint-canvas-controls select { width:100%; padding:9px; border:1px solid #d8d5cc; border-radius:5px; background:#fff; }
.interior-paint-search { padding:9px 10px; border:1px solid #d8d5cc; border-radius:5px; background:#fff; }
.interior-paint-palette { display:grid; grid-template-columns:repeat(5,35px); gap:11px; max-height:184px; margin-top:9px; padding:4px; overflow-y:auto; }
.interior-paint-color { width:35px; height:35px; padding:0; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #c7c7c7; cursor:pointer; }
.interior-paint-color.active { box-shadow:0 0 0 3px #15305d; }
.interior-paint-color.selected { position:relative; }
.interior-paint-color.selected::after { content:"\2713"; position:absolute; right:-5px; bottom:-5px; display:grid; width:17px; height:17px; place-items:center; border:2px solid #fff; border-radius:50%; background:#69ae35; color:#fff; font-size:10px; font-weight:800; line-height:1; }
.interior-paint-color-status { margin-top:8px; color:#777; font-size:12px; line-height:1.35; }
.interior-paint-selection { padding-top:13px; border-top:1px solid #e4e1d9; }
.interior-paint-selection-heading { display:flex; align-items:center; justify-content:space-between; }
.interior-paint-selection-heading .interior-paint-label { margin:0; }
.interior-paint-selection-heading strong { display:grid; width:23px; height:23px; place-items:center; border-radius:50%; background:#15305d; color:#fff; font-size:12px; }
.interior-paint-select-color { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; margin-top:9px; padding:8px 9px; border:1px solid #15305d; border-radius:6px; background:#fff; color:#15305d; font-size:12px; font-weight:700; cursor:pointer; }
.interior-paint-select-color:hover:not(:disabled) { background:#edf2f9; }
.interior-paint-select-color:disabled { border-color:#d3d5d1; background:#f5f5f3; color:#999e97; cursor:not-allowed; }
.interior-paint-selected-colors { display:flex; flex-wrap:wrap; gap:6px; max-height:92px; margin:9px 0; overflow-y:auto; }
.interior-paint-selected-colors > small { color:#888; }
.interior-paint-selected-chip { display:inline-flex; align-items:center; gap:6px; max-width:100%; padding:5px 7px; border:1px solid #ddd9d0; border-radius:15px; background:#f8f7f3; color:#303744; font-size:11px; }
.interior-paint-selected-chip i { width:13px; height:13px; flex:0 0 13px; border:1px solid rgba(0,0,0,.14); border-radius:50%; }
.interior-paint-selected-chip button { padding:0; border:0; background:transparent; color:#8b929d; font-size:15px; line-height:1; cursor:pointer; }
.interior-paint-cart { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:11px; border:0; border-radius:6px; background:#69ae35; color:#fff; font-weight:700; cursor:pointer; transition:background .2s ease; }
.interior-paint-cart:hover:not(:disabled) { background:#57992a; }
.interior-paint-cart:disabled { background:#c8cbc5; cursor:not-allowed; }
.interior-paint-cart-status { min-height:17px; margin-top:7px; color:#68717e; font-size:12px; text-align:center; }
.interior-paint-cart-status.success { color:#4d8b24; }
.interior-paint-cart-status.error { color:#bd3434; }
.interior-paint-mobile-size,.interior-paint-advanced-toggle { display:none; }
.interior-paint-advanced { display:flex; flex-direction:column; gap:16px; }
.interior-paint-advanced label { margin:0; }
.interior-paint-workspace { display:grid; align-self:start; gap:10px; min-width:0; }
.interior-paint-zones { padding:12px; border-radius:12px; background:#fff; }
.interior-paint-zones-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.interior-paint-zones-heading button { border:0; background:transparent; color:#15305d; font-size:12px; font-weight:700; cursor:pointer; }
.interior-paint-zones [data-role="zones"] { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.interior-paint-zone { display:flex; align-items:center; gap:7px; min-height:36px; padding:6px 9px; border:1px solid #d8d5cc; border-radius:18px; background:#fff; color:#303744; cursor:pointer; }
.interior-paint-zone.active { border-color:#15305d; box-shadow:0 0 0 1px #15305d; }
.interior-paint-zone > i { width:18px; height:18px; border:1px solid rgba(0,0,0,.16); border-radius:50%; }
.interior-paint-zone-remove { margin-left:3px; color:#8b929d; font-size:17px; line-height:1; }
.interior-paint-canvas-controls { display:grid; grid-template-columns:minmax(170px,220px) minmax(0,1fr); align-items:end; gap:12px; padding:12px; border-radius:12px; background:#fff; }
.interior-paint-canvas-controls label { margin:0; }
.interior-paint-actions { display:grid; grid-template-columns:repeat(5,minmax(72px,1fr)); gap:7px; }
.interior-paint-actions button,.interior-paint-download { padding:9px 10px; border:1px solid #ccd0d7; border-radius:5px; background:#fff; color:#18243b; text-align:center; font-weight:600; cursor:pointer; }
.interior-paint-actions button.active { border-color:#15305d; background:#e9eef6; }
.interior-paint-actions .primary,.interior-paint-download { border-color:#15305d; background:#15305d; color:#fff; }
.interior-paint-scroll-mode { display:none; }
.interior-paint-stage { position:relative; align-self:start; overflow:auto; border-radius:12px; background:#20242b; touch-action:none; user-select:none; }
.interior-paint-stage-wrap { min-width:0; }
.interior-paint-transform { position:relative; width:100%; }
.interior-paint-zoom-controls { display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-bottom:7px; }
.interior-paint-zoom-controls button { min-height:34px; padding:5px 10px; border:1px solid #ccd0d7; border-radius:5px; background:#fff; color:#18243b; cursor:pointer; }
.interior-paint-zoom-controls strong { min-width:48px; text-align:center; font-size:12px; }
.interior-paint-stage canvas { display:block; width:100%; height:auto; }
.interior-paint-stage canvas[data-role="paint-canvas"],.interior-paint-stage canvas[data-role="overlay-canvas"] { position:absolute; inset:0; }
.interior-paint-stage canvas[data-role="paint-canvas"] { z-index:1; }
.interior-paint-stage canvas[data-role="overlay-canvas"] { z-index:2; pointer-events:none; }
.interior-paint-cursor { display:none; position:absolute; pointer-events:none; border:2px solid #fff; border-radius:50%; transform:translate(-50%,-50%); }
.interior-paint-touch-hint { display:none; }
.interior-paint-stage.is-processing::after { content:"Выполняется заливка…"; position:absolute; inset:0; z-index:5; display:grid; place-items:center; background:rgba(24,36,59,.72); color:#fff; font-weight:700; }
.interior-paint-result { margin-top:18px; padding:18px; border-radius:12px; background:#fff; text-align:center; }
.interior-paint-result img { display:block; max-width:100%; max-height:65vh; margin:12px auto 18px; border-radius:8px; }
.interior-paint-download { display:inline-block; text-decoration:none; }
.interior-paint-compare { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; background:#fff; font-size:12px; font-weight:700; }
.interior-paint-compare input { flex:1; }
.interior-paint-color-memory { display:flex; align-items:center; gap:8px; margin-top:10px; }
.interior-paint-color-memory > button { min-height:34px; padding:5px 8px; border:1px solid #d8d5cc; border-radius:6px; background:#fff; color:#15305d; font-size:11px; }
.interior-paint-color-memory > button.active i { color:#bd3434; font-weight:900; }
.interior-paint-color-memory [data-role="recent-colors"] { display:flex; flex-wrap:wrap; gap:5px; }
.interior-paint-memory-color { width:27px; height:27px; padding:0; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #bbb; cursor:pointer; }
.interior-paint-result-summary { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.interior-paint-result-summary span { display:flex; align-items:center; gap:6px; padding:6px 9px; border-radius:16px; background:#f0eee8; font-size:12px; }
.interior-paint-result-summary i { width:16px; height:16px; border-radius:50%; }
.interior-paint-calculator { max-width:620px; margin:16px auto; padding:14px; border-radius:10px; background:#f7f6f2; text-align:left; }
.interior-paint-calculator label { display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:700; }
.interior-paint-calculator input { width:100px; min-height:40px; padding:6px; border:1px solid #ccd0d7; border-radius:5px; }
.interior-paint-calculator [data-role="estimate"] { margin-top:10px; color:#303744; }
.interior-paint-result-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.interior-paint-result-actions button { min-height:42px; padding:8px 12px; border:1px solid #15305d; border-radius:5px; background:#fff; color:#15305d; font-weight:700; }
.interior-paint-disclaimer { max-width:700px; margin:16px auto 0; color:#777; font-size:11px; line-height:1.4; }
.interior-paint-project-status { min-height:18px; margin-top:8px; color:#4d8b24; font-size:12px; }
@media (max-width:900px) {
    body.modal-open .mobile-footer,body.modal-open .messangers,body.modal-open #mobilePhoneNumbers { display:none !important; }
    .interior-paint-modal .modal-dialog { min-height:100%; margin:0; }
    .interior-paint-modal .modal-content { min-height:100vh; min-height:100dvh; border-radius:0; }
    .interior-paint-modal .modal-header { position:sticky; top:0; z-index:10; padding:calc(14px + env(safe-area-inset-top)) 16px 14px; background:#f7f6f2; }
    .interior-paint-modal .modal-title { font-size:21px; line-height:1.2; }
    .interior-paint-modal .modal-body { padding:12px 12px calc(20px + env(safe-area-inset-bottom)); }
    .interior-paint-upload label { min-height:230px; padding:22px 16px; }
    .interior-paint-sample-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .interior-paint-editor { grid-template-columns:minmax(0,1fr); gap:12px; }
    .interior-paint-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); order:-10; gap:5px; padding:6px; border-radius:10px; background:#e8e5dd; }
    .interior-paint-steps button { min-height:42px; padding:6px 4px; border:0; border-radius:7px; background:transparent; color:#68717e; font-size:12px; }
    .interior-paint-steps button span { display:inline-grid; width:21px; height:21px; place-items:center; border-radius:50%; background:#d1cec5; }
    .interior-paint-steps button.active { background:#fff; color:#15305d; font-weight:700; box-shadow:0 2px 8px rgba(20,32,50,.1); }
    .interior-paint-steps button.active span { background:#15305d; color:#fff; }
    .interior-paint-modal[data-mobile-step="area"] [data-mobile-panel]:not([data-mobile-panel~="area"]),
    .interior-paint-modal[data-mobile-step="color"] [data-mobile-panel]:not([data-mobile-panel~="color"]),
    .interior-paint-modal[data-mobile-step="result"] [data-mobile-panel]:not([data-mobile-panel~="result"]) { display:none !important; }
    .interior-paint-tools,.interior-paint-workspace { display:contents; }
    .interior-paint-catalog-field { order:1; padding:14px 14px 0; border-radius:12px 12px 0 0; background:#fff; }
    .interior-paint-search-field { order:2; padding:10px 14px 0; background:#fff; }
    .interior-paint-palette-field { order:3; padding:10px 14px 14px; border-radius:0 0 12px 12px; background:#fff; }
    .interior-paint-canvas-controls { order:4; grid-template-columns:1fr; padding:10px; box-shadow:0 5px 18px rgba(20,32,50,.12); }
    .interior-paint-zones { order:3; }
    .interior-paint-canvas-controls { order:4; }
    .interior-paint-stage-wrap { order:5; width:100%; min-width:0; }
    .interior-paint-stage { width:100%; max-width:100%; max-height:60vh; max-height:60dvh; margin:0 auto; overflow:auto; touch-action:pan-y; }
    .interior-paint-stage.is-painting { touch-action:none; }
    .interior-paint-stage canvas[data-role="photo-canvas"] { width:auto; max-width:100%; height:auto; max-height:60vh; max-height:60dvh; }
    .interior-paint-stage canvas[data-role="paint-canvas"],.interior-paint-stage canvas[data-role="overlay-canvas"] { width:100%; height:100%; }
    .interior-paint-stage canvas[data-role="paint-canvas"] { pointer-events:none; }
    .interior-paint-stage.is-painting canvas[data-role="paint-canvas"] { pointer-events:auto; }
    .interior-paint-selection { order:6; padding:14px; border:0; border-radius:12px; background:#fff; }
    .interior-paint-mobile-size { display:block; order:7; padding:14px; border-radius:12px; background:#fff; }
    .interior-paint-mobile-size select { min-height:44px; }
    .interior-paint-advanced-toggle { display:flex; order:8; align-items:center; justify-content:space-between; min-height:46px; padding:10px 14px; border:1px solid #d8d5cc; border-radius:8px; background:#fff; color:#18243b; font-weight:700; }
    .interior-paint-advanced-toggle[aria-expanded="true"] i { transform:rotate(180deg); }
    .interior-paint-advanced { display:none; order:9; gap:15px; padding:14px; border-radius:12px; background:#fff; }
    .interior-paint-advanced.is-open { display:flex; }
    .interior-paint-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .interior-paint-actions button { min-height:44px; padding:8px 5px; font-size:12px; }
    .interior-paint-scroll-mode { display:block; }
    .interior-paint-tools select,.interior-paint-canvas-controls select,.interior-paint-search { min-height:44px; font-size:16px; }
    .interior-paint-palette { grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); gap:10px; max-height:162px; }
    .interior-paint-color { width:44px; height:44px; justify-self:center; }
    .interior-paint-select-color,.interior-paint-cart,.interior-paint-download { min-height:44px; }
    .interior-paint-touch-hint { position:absolute; right:10px; bottom:10px; left:10px; z-index:4; padding:9px 11px; border-radius:7px; background:rgba(24,36,59,.9); color:#fff; font-size:12px; text-align:center; pointer-events:none; }
    .interior-paint-touch-hint.show { display:block; }
    .interior-paint-result { margin-top:12px; padding:12px; }
    .interior-paint-result > img { display:none; }
    .interior-paint-compare { order:6; }
    .interior-paint-result-actions > * { width:100%; }
}

@media (max-width:900px) {
    .interior-paint-mobile-app .modal-dialog,
    .interior-paint-mobile-app .modal-content { width:100%; height:100vh; height:100dvh; max-height:none; }
    .interior-paint-mobile-app .modal-header { position:absolute; top:calc(6px + env(safe-area-inset-top)); right:8px; z-index:30; padding:0; border:0; background:transparent; }
    .interior-paint-mobile-app .modal-header > div { display:none; }
    .interior-paint-mobile-app .modal-header .close { display:grid; width:38px; height:38px; margin:0; padding:0; place-items:center; border-radius:50%; background:rgba(247,246,242,.9); }
    .interior-paint-mobile-app .interior-paint-kicker { display:none; }
    .interior-paint-mobile-app .modal-title { font-size:17px; }
    .interior-paint-mobile-app .modal-body { min-height:0; overflow-y:auto; }
    .interior-paint-mobile-app.interior-paint-has-photo .modal-body { display:flex; height:100%; padding:8px; overflow:hidden; }
    .interior-paint-mobile-app .interior-paint-editor { width:100%; height:100%; min-height:0; grid-template-rows:auto minmax(0,1fr) auto; grid-template-columns:minmax(0,1fr); gap:8px; }
    .interior-paint-mobile-app .interior-paint-steps { grid-row:1; margin:0 42px 0 0; }
    .interior-paint-mobile-app .interior-paint-steps button { min-height:36px; }
    .interior-paint-mobile-app .interior-paint-steps button span { width:19px; height:19px; }
    .interior-paint-mobile-app .interior-paint-stage-wrap { position:relative; display:grid !important; grid-row:2; grid-template-rows:minmax(0,1fr); width:100%; height:100%; min-height:0; }
    .interior-paint-mobile-app .interior-paint-stage-wrap > .interior-paint-zoom-controls { position:absolute; right:9px; bottom:9px; z-index:8; display:flex; gap:3px; margin:0; padding:4px; border:1px solid rgba(255,255,255,.72); border-radius:12px; background:rgba(255,255,255,.9); box-shadow:0 3px 14px rgba(15,31,55,.2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
    .interior-paint-mobile-app .interior-paint-stage-wrap > .interior-paint-zoom-controls button { min-width:34px; min-height:34px; padding:3px 8px; border:0; border-radius:8px; background:transparent; }
    .interior-paint-mobile-app .interior-paint-stage-wrap > .interior-paint-zoom-controls button:active { background:#e9eef6; }
    .interior-paint-mobile-app .interior-paint-stage-wrap > .interior-paint-zoom-controls strong { min-width:43px; }
    .interior-paint-mobile-app .interior-paint-stage-wrap > .interior-paint-zoom-controls [data-action="zoom-reset"] { border-left:1px solid #d9dee7; border-radius:0 8px 8px 0; font-size:11px; }
    .interior-paint-mobile-app .interior-paint-stage { display:flex; width:100%; height:100%; max-height:none; align-items:center; border-radius:8px; }
    .interior-paint-mobile-app .interior-paint-transform { flex:0 0 auto; }
    .interior-paint-mobile-app .interior-paint-stage canvas[data-role="photo-canvas"] { width:100%; max-width:none; max-height:none; }
    .interior-paint-mobile-panel { display:none; grid-row:3; min-height:0; overflow:hidden; border-radius:12px 12px 0 0; background:#fff; box-shadow:0 -5px 22px rgba(20,32,50,.16); }
    .interior-paint-mobile-panel.active { display:flex; flex-direction:column; }
    .interior-paint-mobile-panel-content { max-height:31dvh; padding:10px; overflow-y:auto; overscroll-behavior:contain; }
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-mobile-panel-content { max-height:40dvh; }
    .interior-paint-mobile-panel-footer { display:flex; gap:8px; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); border-top:1px solid #ece9e2; background:#fff; }
    .interior-paint-mobile-panel-footer button { min-height:44px; padding:8px 14px; border-radius:7px; font-weight:700; }
    .interior-paint-mobile-next { flex:1; border:0; background:#15305d; color:#fff; }
    .interior-paint-mobile-more { border:1px solid #ccd0d7; background:#fff; color:#15305d; }
    .interior-paint-mobile-panel .interior-paint-zones { display:none; }
    .interior-paint-mobile-panel .interior-paint-canvas-controls { padding:0; box-shadow:none; }
    .interior-paint-mobile-panel .interior-paint-canvas-controls > label { display:none; }
    .interior-paint-scroll-hint { display:flex; margin:0 0 7px; align-items:center; justify-content:flex-end; gap:7px; color:#53627a; font-size:12px; transition:opacity .2s, max-height .2s, margin .2s; }
    .interior-paint-scroll-hint i { color:#15305d; font-size:18px; font-style:normal; animation:interior-paint-hint-slide 1.2s ease-in-out infinite; }
    .interior-paint-scroll-hint.is-hidden { max-height:0; margin:0; opacity:0; overflow:hidden; }
    .interior-paint-mobile-panel .interior-paint-actions { display:flex; gap:7px; padding-right:24px; overflow-x:auto; scrollbar-width:thin; scroll-snap-type:x proximity; }
    .interior-paint-mobile-panel .interior-paint-actions button { flex:1 0 78px; }
    .interior-paint-mobile-panel .interior-paint-actions [data-mode="eyedropper"],
    .interior-paint-mobile-panel .interior-paint-actions [data-action="redo"],
    .interior-paint-mobile-panel .interior-paint-actions [data-action="clear"],
    .interior-paint-mobile-panel .interior-paint-actions [data-action="change-photo"],
    .interior-paint-mobile-panel .interior-paint-actions [data-action="save"],
    .interior-paint-mobile-panel .interior-paint-advanced-toggle,
    .interior-paint-mobile-panel .interior-paint-advanced { display:none; }
    .interior-paint-mobile-panel.expanded .interior-paint-actions [data-mode="eyedropper"],
    .interior-paint-mobile-panel.expanded .interior-paint-actions [data-action="redo"],
    .interior-paint-mobile-panel.expanded .interior-paint-actions [data-action="clear"],
    .interior-paint-mobile-panel.expanded .interior-paint-actions [data-action="change-photo"],
    .interior-paint-mobile-panel.expanded .interior-paint-advanced-toggle { display:block; }
    .interior-paint-mobile-panel.expanded .interior-paint-advanced.is-open { display:flex; }
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-catalog-field,
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-search-field,
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-palette-field { padding:0; border-radius:0; }
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-catalog-field select { width:100%; min-height:50px; padding:0 44px 0 14px; border:1.5px solid #b5bdca; border-radius:10px; background-color:#fff; background-image:linear-gradient(45deg,transparent 50%,#15305d 50%),linear-gradient(135deg,#15305d 50%,transparent 50%); background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; box-shadow:0 2px 8px rgba(21,48,93,.08); color:#18243b; font-size:16px; font-weight:600; -webkit-appearance:none; appearance:none; }
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-search-field { margin-top:7px; }
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-search { width:100%; min-height:48px; padding:10px 13px; border-radius:9px; font-size:16px; }
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-palette { display:flex; max-height:none; padding:5px 3px; overflow-x:auto; overflow-y:hidden; }
    .interior-paint-mobile-panel[data-panel="color"] .interior-paint-color { flex:0 0 44px; }
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-compare,
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-selection,
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-mobile-size { margin-bottom:8px; padding:10px; }
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-result { margin:0; padding:8px; }
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-result h3 { display:none; }
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-calculator { margin:10px 0; }
    .interior-paint-mobile-panel[data-panel="result"] .interior-paint-disclaimer { margin-top:10px; }
    @keyframes interior-paint-hint-slide { 0%,100% { transform:translateX(-4px); } 50% { transform:translateX(3px); } }
}