/* Saraskala Photo Editor — 2026 Design System */
:root {
  --bg:#070509;--bg2:#0f0d14;--panel:#1a1620cc;--panel-strong:#1f1b29;--text:#f9f6ff;--muted:#b8afc9;
  --magenta:#ff3ea5;--cyan:#2be4ff;--violet:#8a5cff;--gold:#ffcf6b;--steel:#6b7280;--line:rgba(255,255,255,.08);
  --glow:0 0 0 1px rgba(255,255,255,.03),0 24px 80px rgba(0,0,0,.52);
  --glow-strong:0 0 0 1px rgba(255,255,255,.06),0 32px 100px rgba(0,0,0,.62);
}

html, body { height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; font-family: Inter, Segoe UI, Arial, sans-serif; background: radial-gradient(circle at 10% 10%, rgba(255,62,165,.12), transparent 28%), radial-gradient(circle at 90% 15%, rgba(43,228,255,.10), transparent 24%), radial-gradient(circle at 50% 80%, rgba(138,92,255,.08), transparent 28%), linear-gradient(160deg, var(--bg), var(--bg2)); }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle at center, black, transparent 82%); }

[hidden]{display:none !important;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* Main Layout */
.main { display: flex; min-height: calc(100vh - 86px); margin-top:0; }
.workspace { flex: 1; position: relative; background: radial-gradient(circle at 30% 20%, #1a1620 0%, #0f0d14 55%, #070509 100%); overflow: hidden; touch-action: manipulation; padding-bottom: 180px !important; transition: all 0.3s ease; }
#editor-workspace { padding-bottom: 180px !important; transition: all 0.3s ease; }

/* Canvas Controls */
.tool-context-header{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:4;padding:10px 18px;border-radius:999px;background:rgba(26,22,32,.90);border:1px solid rgba(138,92,255,.30);color:#fff;font-weight:900;letter-spacing:.01em;box-shadow:var(--glow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.properties details.tool-active{border-color:rgba(43,228,255,.55)!important;background:linear-gradient(180deg,rgba(35,27,76,.98),rgba(18,32,57,.96))!important;box-shadow:0 0 0 1px rgba(43,228,255,.22),0 18px 38px rgba(0,0,0,.30)!important}.properties details.tool-active>summary{background:linear-gradient(90deg,rgba(43,228,255,.14),rgba(138,92,255,.16));color:#fff}.properties details.tool-active .summary-kicker{color:#aef0ff}.properties details.tool-active .summary-title{color:#fff}
.canvas-history-controls{ position:absolute; left:50%; bottom:16px; transform:translateX(-50%); z-index:3; display:flex; gap:8px; background:rgba(26,22,32,.88); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:8px 12px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow:var(--glow); }
.canvas-history-controls button { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color:#fff; padding:8px 14px; border-radius:10px; cursor:pointer; font-size:.85rem; font-weight:600; transition:all .2s; }
.canvas-history-controls button:hover { background:rgba(255,255,255,.08); border-color:rgba(138,92,255,.28); }
.canvas-history-controls button:disabled { opacity:.4; cursor:not-allowed; }

/* Properties Panel */
.properties { width: 360px; background: linear-gradient(180deg, #08121f, #0d1828 22%, #0a1525 100%); color: var(--muted); padding: 14px 12px 18px; overflow-y: auto; border-left: 1px solid rgba(255,255,255,.06); font-size:13px; }
.properties::-webkit-scrollbar{width:6px}
.properties::-webkit-scrollbar-thumb{background:#4e3b8c;border-radius:8px}
.properties::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}

/* Wizard Bar */
.wizard-bar { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; padding:10px 12px; border:1px solid rgba(138,92,255,.22); border-radius:14px; background:linear-gradient(180deg, rgba(30,18,61,.95), rgba(20,12,41,.95)); box-shadow:0 8px 20px rgba(0,0,0,.24); }
.wizard-step { font-size:.82rem; font-weight:800; color:#f4edff; text-transform:uppercase; letter-spacing:.08em; }
.safety-badge { font-size:.72rem; padding:5px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.08); color:#e9ddff; background:rgba(255,255,255,.04); font-weight:700; }
.safety-badge.ok { background:rgba(27,127,70,.18); border-color:#1b7f46; color:#b8ffd6; }
.safety-badge.warn { background:rgba(167,95,42,.18); border-color:#a75d2a; color:#ffd9b0; }

/* Right Rail (Ads) */
.right-rail { width: 140px; background: #0f0a1a; border-left: 1px solid rgba(255,255,255,.06); padding: 12px; overflow-y: auto; transition: width .2s ease, padding .2s ease, opacity .2s ease; }
.right-rail.collapsed { width: 0; padding: 0; border-left: 0; opacity: 0; overflow: hidden; }
.rail-toggle { width: 32px; height: 58px; align-self: center; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.04); color:#fff; cursor:pointer; margin:0 6px; font-size:1rem; transition:all .2s; }
.rail-toggle:hover { background:rgba(255,255,255,.08); }
.dormant-slot { min-height: 240px; border: 1px dashed rgba(138,92,255,.24); border-radius: 14px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; color: #a799d9; font-size: .78rem; position:relative; background:rgba(255,255,255,.02); }
.ad-label { position:absolute; top:8px; left:10px; font-size:.68rem; color:#8b7fb5; letter-spacing:.2em; text-transform:uppercase; font-weight:700; }
body.is-busy .right-rail { opacity: .2; pointer-events: none; }
body.is-active-editing .right-rail { opacity: .15; pointer-events: none; }

/* Toast Notifications */
.app-toast { position: fixed; right: 20px; bottom: 20px; max-width: 340px; background:linear-gradient(135deg, #1c1238, #0f0a1a); color:#efeaff; border:1px solid rgba(138,92,255,.28); border-radius:14px; padding:14px 16px; font-size:.85rem; box-shadow:0 16px 40px rgba(0,0,0,.42); opacity:0; transform: translateY(8px); transition:opacity .2s ease, transform .2s ease; z-index:9999; pointer-events:none; font-weight:600; }
.app-toast.show { opacity:1; transform: translateY(0); }

/* Canvas */
canvas { position: absolute; top: 0; left: 0; }
.canvas-container { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1 !important; }

/* Upload Box */
.upload-box { position: absolute; width: 340px; height: 130px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; border: 2px dashed rgba(138,92,255,.32); border-radius: 16px; color: #d8cbff; font-size: 1.05rem; font-weight:700; cursor: pointer; background: rgba(138,92,255,0.06); z-index: 2; transition: all .2s ease; letter-spacing:.02em; }
.upload-box:hover { border-color:var(--magenta); background: rgba(138,92,255,0.10); box-shadow:0 0 0 4px rgba(138,92,255,.12); }
.workspace.dragover .upload-box { border-color:#cdbfff; background: rgba(138,92,255,0.16); box-shadow: 0 0 0 4px rgba(138,92,255,.24), 0 12px 32px rgba(138,92,255,.18); }

/* Drag Drop Overlay */
.drag-drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(7,5,9,.88);backdrop-filter:blur(8px);z-index:4}
.drag-drop-overlay-card{min-width:min(90vw,380px);padding:30px 26px;border-radius:20px;border:1px solid rgba(212,179,94,.32);background:linear-gradient(180deg,rgba(26,22,32,.98),rgba(15,12,26,.96));box-shadow:0 28px 60px rgba(0,0,0,.42);text-align:center;color:#f8fafc}
.drag-drop-overlay-card strong{display:block;font-size:1.25rem;margin-bottom:10px;color:#f4e1a3;font-weight:900}
.drag-drop-overlay-card span{display:block;color:#a99fb8;font-size:.95rem}

/* Scanner Mode */
.workspace.scanner-mode canvas,.workspace.scanner-mode .canvas-container{filter:grayscale(100%) contrast(1.2) brightness(1.1)}
.saraskala-scan-optimize{filter:contrast(1.5) brightness(1.05) grayscale(1);image-rendering:pixelated;border:1px solid rgba(255,255,255,.12)}

/* Face Alignment & Perspective */
.face-alignment-overlay,.perspective-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}
.face-alignment-overlay svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(42vw,240px);height:min(60vh,320px)}
.face-alignment-overlay ellipse{fill:none;stroke:rgba(214,178,94,.92);stroke-width:2.4;stroke-dasharray:6 6;filter:drop-shadow(0 0 10px rgba(214,178,94,.24))}
.perspective-overlay{pointer-events:auto}
.perspective-frame{position:absolute;left:18%;top:14%;width:64%;height:72%;border:2px dashed rgba(95,168,255,.8);border-radius:8px;box-shadow:0 0 0 9999px rgba(7,5,9,.22)}
.perspective-handle{position:absolute;width:20px;height:20px;border-radius:999px;border:2px solid #f4e1a3;background:#10253d;cursor:move;pointer-events:auto;transition:all .15s}
.perspective-handle:hover{transform:scale(1.15);background:#1a2f42}
.perspective-handle[data-corner="tl"]{left:-10px;top:-10px}
.perspective-handle[data-corner="tr"]{right:-10px;top:-10px}
.perspective-handle[data-corner="br"]{right:-10px;bottom:-10px}
.perspective-handle[data-corner="bl"]{left:-10px;bottom:-10px}

/* Form Controls */
.control-label { display:block; font-size:.78rem; color:#a79dd6; margin:12px 0 6px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.control-input, .control-btn { width:100%; padding:11px 14px; border-radius:12px; border:1px solid rgba(122,100,190,.32); background:linear-gradient(180deg, rgba(41,25,85,.95), rgba(28,18,57,.96)); color:#efeaff; box-sizing:border-box; font-size:.9rem; transition:all .2s; }
.control-input:focus, .control-btn:focus { outline:none; border-color:rgba(138,92,255,.42); box-shadow:0 0 0 3px rgba(138,92,255,.08); }
.control-btn { cursor:pointer; margin-top:8px; font-weight:700; }
.control-btn:hover { border-color:var(--magenta); transform:translateY(-1px); box-shadow:0 8px 18px rgba(138,92,255,.18); }
.control-btn:active { transform:translateY(0); }

/* Rows */
.row{ display:flex; gap:8px; }
.row.wrap{ flex-wrap:wrap; }
.row.two-up > *{ flex:1 1 calc(50% - 4px); }
.row.three-up > *{ flex:1 1 calc(33.33% - 6px); }
.quick-action-btn{ flex:1 1 calc(33.33% - 6px); min-width:96px; }
.control-btn.small { padding:9px 12px; margin-top:0; font-size:.82rem; }

/* Accordions / Details */
details { border:1px solid rgba(109,88,176,.24); border-radius:16px; padding:0; margin-bottom:12px; background:linear-gradient(180deg, rgba(20,13,39,.98), rgba(14,11,30,.96)); overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.18); transition:all .2s; }
details[open]{ box-shadow:0 0 0 1px rgba(138,92,255,.16), 0 18px 36px rgba(0,0,0,.24); border-color:rgba(138,92,255,.28); }
summary { cursor:pointer; font-weight:800; color:#f4edff; font-size:.92rem; display:flex; flex-direction:column; gap:3px; padding:15px 14px; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)); list-style:none; }
summary::-webkit-details-marker{display:none}
.summary-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#b9ace8;font-weight:800}
.summary-title{font-size:.95rem;font-weight:900;color:#f4edff;letter-spacing:-.02em}
details > :not(summary){padding:0 14px 14px}

/* Panel Subgroups */
.panel-subgroup{ margin-top:14px; padding:14px 14px 4px; border-top:1px solid rgba(148,163,184,.08); background:linear-gradient(180deg, rgba(18,13,34,.88), rgba(13,10,26,.92)); border-radius:14px; }
.panel-subgroup:first-of-type{ margin-top:8px; padding-top:8px; background:rgba(255,255,255,.012); border-top:0; }
.panel-subtitle{ font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#b9ace8; margin-bottom:8px; }
.mini-status { margin-top:10px; font-size:.8rem; color:#bcaef0; line-height:1.65; }

/* Trust Indicators */
.trust-indicators{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}
.trust-indicators span{font-size:.72rem;padding:6px 10px;border-radius:999px;background:rgba(19,37,59,.72);border:1px solid rgba(44,77,114,.32);color:#cde7ff;font-weight:700}

/* Processing Status */
.processing-status{margin:14px 0;padding:14px;border:1px solid rgba(138,92,255,.22);border-radius:14px;background:rgba(20,15,43,.92)}
.processing-title{font-weight:800;color:#efeaff;margin-bottom:10px;font-size:.9rem}
.processing-bar{height:8px;border-radius:999px;background:rgba(36,26,73,.72);overflow:hidden}
.processing-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#32c5ff,var(--magenta));transition:width .25s ease;border-radius:999px}

/* Live Preview Card */
.live-preview-card{margin:14px 0;padding:14px;border:1px solid rgba(138,92,255,.22);border-radius:14px;background:rgba(20,15,43,.92)}
.live-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.live-preview-grid img{width:100%;height:130px;object-fit:contain;border:1px solid rgba(138,92,255,.24);border-radius:10px;background:#09111d}
.preview-label{font-size:.8rem;font-weight:800;color:#efeaff;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}
.quick-download-btn{margin-top:12px;min-height:50px;font-size:.95rem;font-weight:800;background:linear-gradient(90deg,#16a34a,#22c55e);border-color:#16a34a;box-shadow:0 12px 24px rgba(22,163,74,.24)}
.quick-download-btn:hover{box-shadow:0 16px 32px rgba(22,163,74,.32)}

/* Notices */
.soft-limit-notice,.premium-teaser{margin:14px 0;padding:14px;border:1px solid rgba(154,95,37,.32);border-radius:14px;background:rgba(42,27,18,.92)}
.soft-limit-notice{background:rgba(42,27,18,.92);border-color:rgba(154,95,37,.38);color:#ffd7b5}
.premium-teaser strong{display:block;color:#efeaff;margin-bottom:8px;font-size:.92rem}
.acceptance-checker{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(154,95,37,.32);background:rgba(42,27,18,.92);color:#ffd7b5;font-size:.8rem;font-weight:800;text-align:center}
.acceptance-checker:empty,.export-confidence-card:empty,#sizeIndicator:empty{display:none!important}
.acceptance-checker.ok{background:rgba(18,51,34,.92);border-color:#1b7f46;color:#b8ffd6}
.acceptance-checker.warn{background:rgba(42,27,18,.92);border-color:rgba(154,95,37,.38);color:#ffd7b5}

/* Post Download Modal */
.post-download-modal{position:fixed;inset:0;background:transparent;display:flex;align-items:flex-end;justify-content:flex-end;z-index:10000;padding:18px;pointer-events:none}
.post-download-card{width:min(100%,390px);background:#0f172a;border:1px solid rgba(96,165,250,.28);border-radius:14px;padding:18px;position:relative;box-shadow:0 18px 42px rgba(0,0,0,.34);pointer-events:auto}
.post-download-card h2{margin:0 36px 8px 0;font-size:1.2rem;letter-spacing:0}
.completion-summary{margin-bottom:12px;color:#dbeafe}
.post-download-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--muted);font-size:28px;cursor:pointer;line-height:1;transition:color .2s}
.post-download-close:hover{color:#fff}
.recent-tasks-block{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.18)}
.recent-tasks-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.recent-task-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(26,42,61,.72);border:1px solid rgba(53,80,111,.28);border-radius:10px;cursor:pointer;font-size:.85rem;transition:all .2s}
.recent-task-item:hover{background:rgba(36,51,82,.82);border-color:rgba(53,80,111,.42)}
.recent-task-item .task-name{color:#efeaff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-task-item .task-action{color:#22c55e;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

/* Pages Tray */
.pages-tray {
  position: relative; height: auto; min-height: 120px;
  background: rgba(11, 14, 20, 0.85); border-top: 1px solid rgba(212,175,55,.2);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  display: flex; align-items: center; padding: 10px 16px; gap: 14px; z-index: 2;
  box-shadow: none;
}
.drag-over {
  outline: 2px dashed #d4af37;
  transform: scale(1.01);
}
.pages-tray.collapsed{min-height:48px;height:auto}
body.tray-collapsed .workspace{padding-bottom:0 !important}
.pages-list { flex: 1; display: flex; gap: 12px; overflow-x: auto; height: auto; align-items: center; padding: 6px 0; }
.pages-list::-webkit-scrollbar { height: 6px; }
.pages-list::-webkit-scrollbar-track { background: rgba(0,0,0,.24); }
.pages-list::-webkit-scrollbar-thumb { background: #4e3b8c; border-radius: 3px; }

.thumb-item {
  position: relative; min-width: 84px; width: 84px; height: 100px;
  border: 1px solid rgba(78,59,140,.32); border-radius: 8px; background: rgba(10,21,37,.72);
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  padding: 6px; gap: 5px; cursor: grab; flex-shrink: 0;
  transition: transform 0.15s, border-color 0.15s;
}
.thumb-item.dragging { cursor: grabbing; }
.thumb-item:hover { transform: translateY(-3px); border-color: rgba(109,88,176,.48); background: rgba(15,25,45,.82); }
.thumb-item.active { border-color: var(--magenta); box-shadow: 0 0 0 2px rgba(255,62,165,.28), 0 6px 16px rgba(255,62,165,.18); background: rgba(20,15,35,.88); }
.thumb-item img { width: 100%; height: 54px; object-fit: contain; border: 1px solid rgba(60,45,112,.32); background: #000; border-radius: 5px; }
.thumb-item span { font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: center; color: #bdbdbd; margin-top: 3px; font-weight:600; }
.thumb-actions { display: flex; width: 100%; justify-content: center; gap: 5px; margin-top: auto; }
.thumb-actions button { width: 20px; height: 20px; padding: 0; font-size: .7rem; line-height: 20px; border: 1px solid rgba(78,59,140,.32); background: rgba(34,21,71,.72); color: #efeaff; border-radius: 5px; cursor: pointer; transition:all .15s; }
.thumb-actions button:hover { background: rgba(59,42,110,.88); border-color: var(--magenta); color: #fff; }

.tray-actions { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 54px; }
.tray-actions button { width: 32px; height: 32px; border-radius: 9px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); color: #fff; cursor: pointer; font-size: 1rem; font-weight:700; transition:all .2s; }
.tray-actions button:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }

/* Panel Variants */
.properties details[open]{ box-shadow: 0 0 0 1px rgba(138,92,255,.16), 0 18px 36px rgba(0,0,0,.24); }
.properties details[open] > summary{ color:#f3e8ff; }
.properties details:nth-of-type(3), .properties details:nth-of-type(4), .properties details:nth-of-type(5), .properties details:nth-of-type(6), .properties details:nth-of-type(7){ background: linear-gradient(180deg, rgba(27,17,54,.98), rgba(20,12,41,.96)); }

.properties{background:linear-gradient(180deg,#08121f,#0d1828 22%,#0a1525 100%);padding:12px 12px 16px}
.wizard-bar{border:1px solid rgba(124,92,246,.26);background:linear-gradient(180deg,rgba(30,18,61,.95),rgba(20,12,41,.95));box-shadow:0 14px 28px rgba(0,0,0,.22)}
details{border:1px solid rgba(109,88,176,.28);border-radius:16px;padding:0;margin-bottom:10px;background:linear-gradient(180deg,rgba(20,13,39,.98),rgba(14,11,30,.96));overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.18)}
details[open]{box-shadow:0 0 0 1px rgba(138,92,255,.16),0 18px 36px rgba(0,0,0,.24)}
summary{display:flex;flex-direction:column;gap:2px;padding:14px 14px 12px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));list-style:none}
summary::-webkit-details-marker{display:none}.summary-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#a79dd6}.summary-title{font-size:14px;font-weight:800;color:#f4edff}
details > :not(summary){padding-left:12px;padding-right:12px}.panel-workflow{background:linear-gradient(180deg,rgba(24,21,57,.98),rgba(16,12,36,.96))}.panel-profile{background:linear-gradient(180deg,rgba(19,29,57,.98),rgba(14,19,40,.96))}.panel-preset{background:linear-gradient(180deg,rgba(21,33,55,.98),rgba(15,21,39,.96))}.panel-adjust{background:linear-gradient(180deg,rgba(29,18,54,.98),rgba(18,11,34,.96))}.panel-export{background:linear-gradient(180deg,rgba(18,41,35,.98),rgba(10,25,22,.96))}.panel-utility{background:linear-gradient(180deg,rgba(29,24,48,.98),rgba(18,15,33,.96))}
.control-input,.control-btn{border:1px solid rgba(122,100,190,.38);background:linear-gradient(180deg,rgba(41,25,85,.95),rgba(28,18,57,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.control-btn:hover{border-color:#8b5cf6;transform:translateY(-1px)}
.control-btn.small{font-size:12px}.panel-subgroup{margin-top:12px;padding:12px 12px 2px;border-top:1px solid rgba(148,163,184,.10);background:linear-gradient(180deg,rgba(18,13,34,.88),rgba(13,10,26,.92));border-radius:12px}.panel-subgroup:first-of-type{padding-top:6px;background:rgba(255,255,255,.015)}
.panel-subtitle{font-size:10px;letter-spacing:.09em;color:#b9ace8}.mini-status{color:#bcaef0}.quick-download-btn{box-shadow:0 14px 32px rgba(22,163,74,.24)}

.properties{padding-top:10px}.single-flow{display:block}.panel-filter{background:linear-gradient(180deg,rgba(26,24,58,.98),rgba(16,14,39,.96))}.panel-lut{background:linear-gradient(180deg,rgba(18,30,56,.98),rgba(12,20,38,.96))}.panel-batch{background:linear-gradient(180deg,rgba(27,24,46,.98),rgba(17,15,31,.96))}.panel-pricing{background:linear-gradient(180deg,rgba(18,38,32,.98),rgba(11,25,22,.96))}.properties details:not([open]) .summary-kicker{opacity:.78}.properties details[open] .summary-kicker{color:#d8cbff}.properties details[open] .summary-title{color:#fff}.summary-title{display:block}.summary-kicker{display:block}.properties details + details{margin-top:10px}

.properties::-webkit-scrollbar,.right-rail::-webkit-scrollbar{width:6px}.properties::-webkit-scrollbar-thumb,.right-rail::-webkit-scrollbar-thumb{background:#4e3b8c;border-radius:8px}.properties::-webkit-scrollbar-track,.right-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}

.panel-guide{background:linear-gradient(180deg,rgba(19,24,45,.98),rgba(12,16,31,.96))}
.export-shortcut{margin-top:10px;background:linear-gradient(90deg,#0f7b43,#16a34a);border-color:#16a34a}
.pdf-pages-list{display:flex;flex-direction:column;gap:8px}
.pdf-page-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(122,100,190,.28);border-radius:10px;background:rgba(255,255,255,.03)}
.pdf-page-item.active{border-color:#8b5cf6;box-shadow:0 0 0 1px rgba(139,92,246,.2)}
.pdf-page-thumb{width:44px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #3c2d70;background:#000}
.properties > details[hidden]{display:none !important}
.properties > details:not([open]) > :not(summary){display:none !important}
.properties > details:not([hidden]){pointer-events:auto}

select.control-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#221547;background-image:linear-gradient(45deg,transparent 50%,#cdbfff 50%),linear-gradient(135deg,#cdbfff 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px;color:#efeaff}
select.control-input option{background:#1b1136;color:#efeaff}

/* Content Panel (SEO) */
.content-panel { max-width: 1100px; margin: 48px auto 40px; background:rgba(26,22,32,.92); border:1px solid rgba(255,255,255,.06); border-radius:24px; padding:34px; color:#e7ddff; line-height:1.78; }
.content-panel h2, .content-panel h3 { margin: 0 0 14px; color:#f5edff; font-weight:900; letter-spacing:-.02em; }
.content-panel h2 { font-size: 1.85rem; }
.content-panel h3 { font-size: 1.28rem; }
.content-panel p, .content-panel li { color:#a99fb8; font-size: .96rem; }
.content-panel a { color: var(--cyan); text-decoration: none; border-bottom: 1px solid rgba(43,228,255,.24); transition: all .2s; }
.content-panel a:hover { color: #fff; border-color: var(--cyan); }
.muted-line { font-size:.85rem; color:#8b7fb5; }

/* Compliance Footer */
.compliance-footer { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; padding:16px 18px 20px; background:rgba(15,10,26,.96); border-top:1px solid rgba(255,255,255,.06); }
.compliance-footer a { color:#cdbfff; text-decoration:none; font-size:.82rem; font-weight:600; padding:8px 12px; border-radius:10px; transition:all .2s; }
.compliance-footer a:hover { color:#ffffff; background:rgba(255,255,255,.05); }

/* Responsive */
@media (max-width: 1200px){
  .right-rail{ display:none; }
  .rail-toggle{ display:none; }
}

@media (max-width: 1024px){  .logo-text{ font-size:1.5rem; }
  .main{ flex-direction:column; height:auto; min-height:calc(100vh - 60px); }
  .workspace{ min-height:50vh; }
  .properties{ width:100%; height:50vh; min-height:340px; border-left:0; border-top:1px solid rgba(255,255,255,.06); }
  .compliance-footer{ padding:16px; }
}

@media (max-width: 768px){  .menu-actions{ gap:8px; }
    .icon-btn{ height:38px; }
  .home-link{ font-size:.9rem; }
  .upload-box{ width:min(88vw, 360px); height:120px; font-size:1rem; }
  .canvas-history-controls{ bottom:10px; padding:8px; }
  .properties{ width:100%; height:58vh; min-height:380px; padding:14px; }
  summary{ padding:14px 12px; font-size:.95rem; }
  .control-input, .control-btn{ min-height:44px; font-size:.95rem; }
  .quick-action-btn{ flex:1 1 calc(50% - 6px); }
  .content-panel{ margin:18px; padding:24px; }
}

@media (max-width: 480px){
  .brand-logo{ width:42px; height:42px; }
  .logo-text{ font-size:1.3rem; }
  .home-link{ font-size:.85rem; }
  .upload-box{ width:min(92vw, 340px); height:105px; font-size:.95rem; }
  .quick-action-btn{ flex:1 1 100%; }
  .thumb-item{ gap:5px; padding:5px; min-width:76px; width:76px; height:92px; }
  .live-preview-grid{grid-template-columns:1fr}
  .quick-download-btn{min-height:54px;font-size:1rem}
}

/* Open state enhancements */
.properties details[open]{ box-shadow: 0 0 0 1px rgba(138,92,255,.16), 0 18px 36px rgba(0,0,0,.24); }
.properties details[open] > summary{ color:#f3e8ff; }


/* AdSense-safe editor content shell */
.hero{text-align:center;padding:30px 15px;color:#f9f6ff}
.hero h1{margin:0 0 10px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}
.hero p{margin:0 auto;max-width:720px;color:#d8cbff;font-size:1.05rem}
.hero,#tool-description,.trust,.tool-info{background:transparent;color:#e5e7eb;max-width:700px;margin:20px auto;text-align:center;box-shadow:none;border-radius:0}
#tool-description h2,.tool-info h3{margin:0 0 8px;color:#f8fafc}
#tool-description p,.tool-info p,.trust p{margin:0;color:#e5e7eb}
.trust{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.trust p{font-weight:700}
.editor-dormant-slot{max-width:1000px;min-height:90px;margin:14px auto;border:1px dashed rgba(148,163,184,.55);background:rgba(255,255,255,.7)}
.compliance-footer{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;max-width:1000px;margin:20px auto 32px;padding:16px;color:#d8cbff}
.compliance-footer a{color:#d8cbff;text-decoration:none;font-weight:700}
@media(max-width:760px){.main{height:auto;min-height:70vh;flex-direction:column}.properties{width:auto;border-left:0}.workspace{min-height:70vh}.hero{padding:24px 14px}.trust{align-items:flex-start;justify-content:flex-start}}
/* Compact editor layout */
.main{min-height:calc(100vh - 58px)!important;height:calc(100vh - 58px)!important;margin-top:0!important;width:100%!important}.workspace{min-height:0!important;width:calc(100% - 360px)!important;padding-bottom:96px!important}#editor-workspace{padding-bottom:96px!important}.properties{flex:0 0 360px!important;width:360px!important;max-width:360px!important;min-width:360px!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;box-sizing:border-box!important}.tool-context-header{top:10px!important;padding:7px 13px!important;font-size:.88rem!important;line-height:1!important;max-width:70%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.upload-box{top:50%!important}.panel-subgroup{margin-top:8px!important;padding:10px 10px 2px!important}details{margin-bottom:8px!important}summary{padding:11px 12px!important}.properties details+details{margin-top:8px!important}@media(max-width:1024px){.main{height:auto!important;min-height:calc(100vh - 110px)!important;flex-direction:column!important}.workspace{width:100%!important;min-height:58vh!important}.properties{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-height:44vh!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.06)!important}}@media(max-width:560px){.tool-context-header{top:8px!important;max-width:88%!important;font-size:.8rem!important}.workspace{min-height:56vh!important}}
/* Action-first editor UX */
.workspace{display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 42%,rgba(43,228,255,.10),transparent 28%),radial-gradient(circle at 48% 55%,rgba(138,92,255,.14),transparent 34%),linear-gradient(160deg,#0b0710,#080b14 60%,#06070b)!important;transition:none!important}.tool-context-header{top:12%!important;padding:8px 14px!important;font-size:.9rem!important;background:rgba(8,12,22,.82)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important}.upload-box{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:min(68vw,520px)!important;height:190px!important;display:flex!important;text-align:center!important;font-size:1.18rem!important;font-weight:900!important;color:#fff!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:2px dashed rgba(43,228,255,.42)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(0,0,0,.32)!important;transition:none!important}.upload-box:hover{transform:none!important;background:linear-gradient(180deg,rgba(43,228,255,.10),rgba(138,92,255,.08))!important;border-color:rgba(43,228,255,.72)!important}.properties{background:linear-gradient(180deg,rgba(8,18,31,.86),rgba(8,14,24,.92))!important;border-left:1px solid rgba(255,255,255,.05)!important;color:#9fb0c7!important}.properties details{opacity:.86!important;box-shadow:none!important}.properties details.tool-active{opacity:1!important;box-shadow:0 0 0 1px rgba(43,228,255,.16)!important}.properties details:not(.tool-active){background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.055)!important}@media(max-width:1024px){.upload-box{width:min(88vw,520px)!important;height:170px!important}.tool-context-header{top:9%!important}}@media(max-width:560px){.upload-box{width:min(90vw,420px)!important;height:140px!important;font-size:1rem!important}.tool-context-header{top:7%!important}}
/* AdSense-safe non-intrusive editor slot */
.editor-dormant-slot{position:absolute;top:calc(12% + 42px);left:50%;transform:translateX(-50%);z-index:3;width:min(728px,72%);min-height:64px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:rgba(11,14,20,.28);color:#7f8ca3;font-size:.78rem;pointer-events:none}.saras-dormant-space{min-height:90px;display:flex;align-items:center;justify-content:center}@media(max-width:760px){.editor-dormant-slot{top:calc(9% + 38px);width:88%;min-height:54px;font-size:.72rem}}

/* Final editor restructuring — Trinetra */
.main{display:flex!important;height:calc(100vh - 58px)!important;min-height:calc(100vh - 58px)!important;overflow:hidden!important}.workspace{flex:1 1 auto!important;width:auto!important;min-width:0!important;padding-left:116px!important;padding-bottom:24px!important}.properties{order:2!important;flex:0 0 360px!important;width:360px!important;max-width:360px!important;min-width:360px!important;height:100%!important;overflow-y:auto!important}.rail-toggle{order:3!important;display:block!important;flex:0 0 32px!important}.right-rail{order:4!important;display:block!important;flex:0 0 180px!important;width:180px!important;min-width:180px!important;height:100%!important;background:linear-gradient(180deg,rgba(12,10,26,.96),rgba(7,8,14,.98))!important;border-left:1px solid rgba(255,255,255,.07)!important;padding:14px 12px!important;box-sizing:border-box!important;overflow-y:auto!important}.right-rail.collapsed{flex-basis:0!important;width:0!important;min-width:0!important;padding:0!important;border-left:0!important}.right-rail .dormant-slot{min-height:300px!important;margin:0 0 14px!important;background:rgba(255,255,255,.025)!important;border:1px dashed rgba(43,228,255,.24)!important;color:#aebbd0!important;text-align:center!important}.editor-dormant-slot{display:none!important}.pages-tray.thumbnail-tray{position:absolute!important;left:14px!important;top:86px!important;bottom:18px!important;width:88px!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px 8px!important;border-top:0!important;border-right:1px solid rgba(212,175,55,.20)!important;border-radius:18px!important;background:rgba(11,14,20,.72)!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important;overflow:hidden!important;z-index:3!important}.pages-tray.collapsed{width:52px!important;min-height:0!important}.tray-actions{min-width:0!important;width:100%!important;flex:0 0 auto!important}.pages-list{flex:1 1 auto!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 0 8px!important}.pages-list::-webkit-scrollbar{width:5px!important;height:5px!important}.thumb-item{min-width:66px!important;width:66px!important;height:88px!important;flex:0 0 auto!important}.thumb-item:hover{transform:translateX(2px)!important}.thumb-item img{height:42px!important}.canvas-history-controls{bottom:18px!important}.upload-box{margin-left:-42px!important;width:min(58vw,520px)!important}.tool-context-header{left:calc(50% - 42px)!important}.properties .panel-history,.properties .panel-feedback,.properties .panel-utility{opacity:.78!important;background:linear-gradient(180deg,rgba(18,22,38,.90),rgba(12,15,28,.92))!important;border-color:rgba(255,255,255,.06)!important}.properties .panel-history[open],.properties .panel-feedback[open],.properties .panel-utility[open]{opacity:1!important}
@media(max-width:1200px){.right-rail,.rail-toggle{display:none!important}.workspace{padding-left:104px!important}.properties{flex-basis:350px!important;width:350px!important;min-width:350px!important;max-width:350px!important}}
@media(max-width:1024px){.main{height:auto!important;min-height:calc(100vh - 110px)!important;overflow:visible!important;flex-direction:column!important}.workspace{width:100%!important;min-height:58vh!important;padding-left:92px!important}.properties{order:2!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-height:none!important}.pages-tray.thumbnail-tray{top:72px!important;bottom:14px!important;width:76px!important}.thumb-item{width:58px!important;min-width:58px!important;height:80px!important}.upload-box{margin-left:0!important;width:min(76vw,500px)!important}.tool-context-header{left:50%!important}}
@media(max-width:560px){.workspace{padding-left:72px!important}.pages-tray.thumbnail-tray{left:8px!important;top:64px!important;width:58px!important;padding:8px 5px!important}.thumb-item{width:48px!important;min-width:48px!important;height:72px!important}.thumb-item img{height:34px!important}.upload-box{width:min(72vw,360px)!important}}

/* Final editor production layout */
.main{display:flex!important;height:calc(100vh - 58px)!important;min-height:calc(100vh - 58px)!important;overflow:hidden!important;background:#070a10!important}.workspace{order:1!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;padding-left:90px!important;padding-right:12px!important;padding-bottom:20px!important;background:linear-gradient(160deg,#080b12,#070a10)!important;display:flex!important;align-items:center!important;justify-content:center!important}.workspace:before{content:"";position:absolute;inset:16px 16px 16px 112px;max-width:900px;margin:0 auto;border-radius:22px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055);pointer-events:none}.workspace-canvas,.canvas-container{max-width:900px!important;margin:0 auto!important}.properties{order:2!important;flex:0 0 370px!important;width:370px!important;min-width:370px!important;max-width:370px!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;background:#0b111c!important;border-left:1px solid rgba(255,255,255,.07)!important;color:#b8c2d4!important}.rail-toggle,.right-rail{display:none!important}.editor-panel-section{margin:12px 4px 7px!important;color:#f8fafc!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.13em!important;opacity:.78!important}.wizard-bar{margin-bottom:8px!important;padding:9px 10px!important;box-shadow:none!important}.trust-indicators,.mini-status{line-height:1.45!important}details{margin-bottom:7px!important;border-radius:12px!important;box-shadow:none!important;background:#101827!important;border:1px solid rgba(255,255,255,.065)!important;opacity:1!important}summary{padding:10px 11px!important}.summary-kicker{font-size:.63rem!important}.summary-title{font-size:.9rem!important}.panel-subgroup{margin-top:6px!important;padding:9px 9px 3px!important;border-radius:10px!important}.control-label{margin:9px 0 5px!important}.control-input,.control-btn{padding:9px 11px!important;border-radius:10px!important}.control-btn{font-weight:800!important}.control-btn:not(.small),.quick-download-btn,#exportBtn,#startGuidedWorkflow{background:#2563eb!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:none!important}.panel-dormant-slot{min-height:180px;margin:8px 0 4px;border:1px dashed rgba(148,163,184,.35);border-radius:12px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;color:#93a4bd;font-size:.82rem}.pages-tray.thumbnail-tray{left:0!important;top:0!important;bottom:0!important;width:90px!important;border-radius:0!important;border-right:1px solid rgba(255,255,255,.07)!important;background:#0b111c!important;box-shadow:none!important;padding:10px 8px!important;z-index:5!important}.pages-list{scroll-behavior:smooth!important;overflow-y:auto!important;overflow-x:hidden!important;gap:9px!important}.thumb-item{width:66px!important;min-width:66px!important;height:86px!important;border-radius:10px!important}.tool-context-header{top:24px!important;left:50%!important;transform:translateX(-50%)!important;box-shadow:none!important;background:rgba(11,17,28,.9)!important}.upload-box{margin-left:0!important;width:min(58vw,520px)!important;max-width:520px!important;height:176px!important;box-shadow:none!important;border-color:rgba(59,130,246,.65)!important;background:rgba(37,99,235,.08)!important}.processing-status{border:1px solid rgba(59,130,246,.22)!important}.app-toast{background:#111827!important;border-color:rgba(59,130,246,.28)!important}.editor-dormant-slot{display:none!important}
@media(max-width:1024px){.main{height:auto!important;min-height:calc(100vh - 110px)!important;overflow:visible!important;flex-direction:column!important}.workspace{width:100%!important;min-height:62vh!important;padding-left:78px!important;padding-right:8px!important}.workspace:before{inset:12px 12px 12px 90px}.properties{width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-height:42vh!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.07)!important}.pages-tray.thumbnail-tray{width:76px!important}.upload-box{width:min(72vw,480px)!important}.panel-dormant-slot{display:none!important}}
@media(max-width:560px){.workspace{padding-left:64px!important;min-height:60vh!important}.workspace:before{inset:10px 8px 10px 70px}.pages-tray.thumbnail-tray{width:58px!important;padding:8px 5px!important}.thumb-item{width:48px!important;min-width:48px!important;height:70px!important}.upload-box{width:min(68vw,340px)!important;height:132px!important;font-size:.95rem!important}.tool-context-header{max-width:76%!important}}
.pages-tray.thumbnail-tray{box-sizing:border-box!important;width:90px!important}.properties{box-sizing:border-box!important}.workspace{box-sizing:border-box!important}
/* Final editor layout: left thumbs, dominant canvas, right tools/feedback/ads */
.main{display:flex!important;height:calc(100vh - 58px)!important;overflow:hidden!important}.pages-tray.thumbnail-tray{position:absolute!important;left:0!important;top:58px!important;bottom:0!important;width:90px!important;min-width:90px!important;padding:10px 8px!important;border-radius:0!important;z-index:4!important}.workspace{flex:1 1 auto!important;min-width:0!important;padding-left:106px!important;padding-right:18px!important}.canvas-wrap{min-height:0!important}.canvas-shell{max-width:100%!important}.properties{order:2!important;flex:0 0 340px!important;width:340px!important;min-width:340px!important;max-width:340px!important;height:100%!important;overflow-y:auto!important;padding:12px!important}.right-rail,.rail-toggle,.editor-dormant-slot{display:none!important}.panel-feedback:not([open]) textarea,.panel-feedback:not([open]) button,.panel-feedback:not([open]) .mini-status{display:none!important}.panel-dormant-slot{display:flex!important;min-height:180px!important;margin-top:10px!important}.editor-panel-section{margin-top:12px!important}.properties details{margin-bottom:8px!important}.upload-box{width:min(62vw,680px)!important;margin-left:0!important}.canvas-stage{min-height:62vh!important}
/* Final visual cleanup */
body{background:#0b0f1a!important}.properties{background:#0f172a!important}.properties details{background:#111827!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}.canvas-shell,.upload-box{box-shadow:none!important}.panel-feedback:not([open]) textarea,.panel-feedback:not([open]) button,.panel-feedback:not([open]) .mini-status{display:none!important}#editorReadyStatus{margin-bottom:10px;color:#dbeafe;font-weight:800}.apply-all-control{display:flex!important;align-items:center!important;gap:8px!important;margin:12px 0!important;color:#fff!important}
/* User-facing PDF clarity + upload state cleanup */
body.has-uploaded-file #uploadCenter,.workspace.has-file #uploadCenter{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.panel-pdfsetup .panel-subtitle{margin-top:12px!important}.panel-pdfsetup .panel-subtitle:first-of-type{margin-top:0!important}#compressFullPdfBtn,#quickCompressPdfBtn{background:#16a34a!important;border-color:#22c55e!important;color:#fff!important}#pdfActionHint{margin-top:8px!important;color:#dbeafe!important}
/* Final CEO cleanup: one upload prompt, visible tool scroll, no stuck drag overlay */
.tool-context-header{display:none!important}.drag-drop-overlay[hidden],body.has-uploaded-file .drag-drop-overlay,.workspace.has-file .drag-drop-overlay{display:none!important;opacity:0!important;pointer-events:none!important}.properties{height:calc(100vh - 58px)!important;max-height:calc(100vh - 58px)!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-width:auto!important;scrollbar-color:#64748b #0b111c!important;padding-right:14px!important}.properties::-webkit-scrollbar{width:12px!important}.properties::-webkit-scrollbar-track{background:#0b111c!important}.properties::-webkit-scrollbar-thumb{background:#64748b!important;border-radius:999px!important;border:3px solid #0b111c!important}body.has-uploaded-file #uploadCenter,.workspace.has-file #uploadCenter{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.upload-box{z-index:2!important}
.pdf-action-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 0!important}.pdf-action-grid .control-btn{min-height:42px!important;text-align:center!important;justify-content:center!important}@media(max-width:560px){.pdf-action-grid{grid-template-columns:1fr!important}}

/* PDF workflow parity upgrade — visual polish without changing editor layout */
.panel-pdfsetup{background:linear-gradient(180deg,rgba(30,22,70,.98),rgba(9,24,45,.97))!important;border-color:rgba(43,228,255,.30)!important}
.pdf-workflow-note{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(43,228,255,.10),rgba(138,92,255,.12));border:1px solid rgba(43,228,255,.22);color:#dff7ff}.pdf-workflow-note strong{color:#fff}
.pdf-primary-action{background:linear-gradient(135deg,#ff3ea5,#8a5cff 52%,#2be4ff)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 16px 34px rgba(43,228,255,.16)!important}
.pdf-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pdf-action-grid .control-btn{min-height:58px;text-align:left;background:linear-gradient(180deg,rgba(18,42,68,.96),rgba(30,20,69,.96));border-color:rgba(43,228,255,.22)}.pdf-action-grid .control-btn span{display:block;font-weight:900;color:#fff}.pdf-action-grid .control-btn small{display:block;margin-top:3px;color:#b9f4ff;font-size:.68rem;font-weight:800;letter-spacing:.02em}.pdf-rival-note{padding:10px 12px;border-radius:12px;border:1px dashed rgba(255,207,107,.28);background:rgba(255,207,107,.06);color:#ffe5a8}
@media(max-width:420px){.pdf-action-grid{grid-template-columns:1fr}}

/* Compact control UI: keep fields visible, remove static instruction clutter */
.properties .panel-subgroup > .mini-status:not([id]),
.properties .desired-output-card > .mini-status:not([id]),
.properties .pdf-rival-note,
.properties .pdf-workflow-note,
.properties .panel-instruction,
.properties .mini-status:empty {
  display:none!important;
}
body.has-uploaded-file .upload-trust-strip,
.workspace.has-file .upload-trust-strip {
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}

/* Larger page thumbnails so full pages remain readable in the left tray */
.pages-tray.thumbnail-tray {
  width:122px!important;
  min-width:122px!important;
}
.workspace {
  padding-left:138px!important;
}
.workspace:before {
  left:136px!important;
}
.thumb-item {
  width:98px!important;
  min-width:98px!important;
  height:132px!important;
  padding:6px!important;
}
.thumb-item img {
  height:88px!important;
  object-fit:contain!important;
}
.thumb-item span {
  font-size:.66rem!important;
}
.thumb-actions {
  gap:3px!important;
}
.thumb-actions button {
  min-width:18px!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  line-height:18px!important;
  font-size:.62rem!important;
}
@media(max-width:1024px){
  .pages-tray.thumbnail-tray{width:104px!important;min-width:104px!important}
  .workspace{padding-left:118px!important}
  .workspace:before{left:116px!important}
  .thumb-item{width:82px!important;min-width:82px!important;height:112px!important}
  .thumb-item img{height:72px!important}
}
@media(max-width:560px){
  .pages-tray.thumbnail-tray{width:78px!important;min-width:78px!important}
  .workspace{padding-left:88px!important}
  .workspace:before{left:86px!important}
  .thumb-item{width:60px!important;min-width:60px!important;height:88px!important}
  .thumb-item img{height:50px!important}
  .thumb-actions button{min-width:16px!important;width:16px!important;height:16px!important;line-height:16px!important}
}

/* Prevent right-edge clipping inside the tools rail */
.properties,
.properties * {
  box-sizing:border-box!important;
}
.properties {
  padding-right:16px!important;
}
.properties .row {
  width:100%!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
.properties .row > *,
.properties .row.two-up > *,
.properties .row.three-up > * {
  min-width:0!important;
  max-width:100%!important;
}
.properties .control-input,
.properties .control-btn,
.properties select,
.properties input,
.properties textarea {
  max-width:100%!important;
}
.desired-size-row,
.pdf-target-row {
  grid-template-columns:minmax(0,1fr) minmax(70px,82px) minmax(82px,auto)!important;
}
.desired-size-row input.control-input,
.pdf-target-row input.control-input {
  min-width:0!important;
}
@media(max-width:420px){
  .desired-size-row,
  .pdf-target-row {
    grid-template-columns:1fr 76px!important;
  }
}

/* Indigenous utility/revenue panels — same layout, richer purpose */
.saras-plan-card,.saras-utility-card{border-color:rgba(255,207,107,.18)!important;background:linear-gradient(180deg,rgba(23,29,49,.96),rgba(16,18,34,.96))!important}.saras-plan-card strong{color:#fff}.saras-mini-list{margin:10px 0 0;padding:0;list-style:none}.saras-mini-list li{position:relative;margin:8px 0;padding-left:18px;color:#cbd5e1;font-size:.8rem;line-height:1.55}.saras-mini-list li:before{content:"✦";position:absolute;left:0;color:#ffcf6b}.panel-dormant-slot{padding:14px 12px;border-radius:16px;border:1px dashed rgba(43,228,255,.20);background:linear-gradient(180deg,rgba(13,28,48,.7),rgba(15,18,34,.78));color:#aebbd0;text-align:center;font-size:.78rem;line-height:1.5}.pdf-rival-note{border-style:solid;background:linear-gradient(135deg,rgba(255,207,107,.07),rgba(43,228,255,.06));color:#f8e6b1}

/* Saraskala workflow clarity pass — keeps the existing layout, clarifies tool intent. */
.mode-switcher{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.mode-pill{border:1px solid rgba(122,100,190,.34);border-radius:14px;background:linear-gradient(180deg,rgba(31,22,62,.94),rgba(18,16,38,.96));color:#d8cbff;padding:10px 8px;text-align:left;cursor:pointer;transition:all .2s}.mode-pill span{display:block;font-size:.82rem;font-weight:900;color:#fff}.mode-pill small{display:block;margin-top:3px;font-size:.68rem;color:#a99fb8}.mode-pill.active{border-color:rgba(43,228,255,.48);background:linear-gradient(180deg,rgba(21,45,72,.96),rgba(19,22,54,.96));box-shadow:0 0 0 1px rgba(43,228,255,.16)}.route-context{margin:10px 0 12px;padding:12px;border:1px solid rgba(43,228,255,.18);border-radius:14px;background:linear-gradient(180deg,rgba(9,28,45,.82),rgba(14,16,36,.92));box-shadow:0 10px 24px rgba(0,0,0,.18)}.route-kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:#9ee7ff;font-weight:900}.route-title{margin-top:5px;color:#fff;font-size:.9rem;font-weight:900;line-height:1.35}.route-steps{margin-top:6px;color:#bcaef0;font-size:.78rem;line-height:1.55}.photo-flow-map{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.photo-flow-map span{padding:7px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#dbeafe;font-size:.68rem;font-weight:800;text-align:center}.photo-action-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.photo-action-stack .control-btn{margin-top:0}@media(max-width:420px){.mode-switcher,.photo-action-stack{grid-template-columns:1fr}.photo-flow-map{grid-template-columns:1fr 1fr}}

/* Clarity + contrast hardening: readable tool names, dropdowns, and overlays. */
.tool-context-header,.summary-title,.panel-subtitle,.route-title,.mode-pill span,#wizardStep,.tool-link{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;text-shadow:none!important;filter:none!important}.tool-link{font-weight:900!important;color:#ffffff!important;background:rgba(9,18,34,.92)!important;border-color:rgba(148,163,184,.24)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;letter-spacing:.005em}.tool-link:hover{background:#10213d!important;border-color:rgba(96,165,250,.62)!important;color:#fff!important}.control-input,select.control-input,input.control-input,textarea.control-input{background:#08111f!important;color:#f8fafc!important;border-color:rgba(96,165,250,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;caret-color:#fff!important}.control-input::placeholder{color:#a8b3c7!important}select.control-input{background-color:#08111f!important;background-image:linear-gradient(45deg,transparent 50%,#ffffff 50%),linear-gradient(135deg,#ffffff 50%,transparent 50%)!important;background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px)!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;color:#fff!important}select.control-input option,select.control-input optgroup{background:#06101f!important;color:#ffffff!important}.post-download-card,.drag-drop-overlay-card,.app-toast,#drag-undo-toast,[role="dialog"],.modal,.auth-modal{background:#08111f!important;color:#f8fafc!important;border-color:rgba(96,165,250,.38)!important;text-shadow:none!important}.post-download-card p,.post-download-card li,.drag-drop-overlay-card span,.app-toast *{color:#dbeafe!important}.post-download-modal,.drag-drop-overlay{background:rgba(2,6,14,.88)!important}.mini-status,.route-steps,.control-label{color:#dbeafe!important}.preview-label,.processing-title{color:#fff!important}

/* TASK 11 mobile hardening overrides: minimal, no redesign. */
@media(max-width:899px){
  .main{height:auto!important;min-height:calc(100vh - 110px)!important;overflow:visible!important;flex-direction:column!important}
  .properties{width:100%!important;min-width:0!important;max-width:none!important;flex-basis:auto!important;height:auto!important;max-height:46vh!important;box-sizing:border-box!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  .workspace{width:100%!important;min-height:58vh!important;touch-action:manipulation!important;overscroll-behavior:contain!important}
}
@media(min-width:900px){
  .main{flex-direction:row!important;overflow:hidden!important}
  .properties{width:340px!important;min-width:340px!important;max-width:340px!important;height:calc(100vh - 58px)!important;max-height:calc(100vh - 58px)!important}
}
/* Task 19: calm mobile export submission flow */
:root{
  --glow:0 0 0 1px rgba(255,255,255,.025),0 15px 50px rgba(0,0,0,.34);
  --glow-strong:0 0 0 1px rgba(255,255,255,.04),0 20px 62px rgba(0,0,0,.40);
}
.properties details.tool-active{
  box-shadow:0 0 0 1px rgba(43,228,255,.13),0 12px 25px rgba(0,0,0,.18)!important;
}
.properties details[open]{
  box-shadow:0 0 0 1px rgba(96,165,250,.09),0 10px 22px rgba(0,0,0,.16)!important;
}
.properties > details[data-panel]{
  overflow:hidden!important;
  transition:border-color .18s ease, box-shadow .18s ease!important;
}
.properties > details[data-panel][open]{
  overflow:visible!important;
}
.properties > details[data-panel] > summary{
  position:relative!important;
  z-index:2!important;
}
.properties > details[data-panel] > :not(summary){
  position:relative!important;
  z-index:1!important;
}
.panel-export{
  background:#101827!important;
  border-color:rgba(96,165,250,.14)!important;
  position:relative!important;
  overflow:visible!important;
  z-index:4!important;
}
.panel-export[open]{
  z-index:8!important;
}
.panel-export > summary{
  background:linear-gradient(180deg,rgba(37,99,235,.10),rgba(255,255,255,0))!important;
}
.export-primary-flow{
  padding:8px 8px 10px!important;
  border-top:0!important;
  background:transparent!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
.export-primary-card{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(96,165,250,.16)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(9,17,30,.98))!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
  overflow:visible!important;
  position:relative!important;
}
.export-primary-card .control-label{
  margin:0 0 -3px!important;
  font-size:.74rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.export-target-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 72px 58px!important;
  gap:7px!important;
  align-items:center!important;
}
.export-target-row .control-input,
.export-target-row .control-btn{
  width:100%!important;
  min-width:0!important;
}
.export-target-row input.control-input{
  font-size:1.05rem!important;
  font-weight:900!important;
}
.export-apply-target{
  padding-left:8px!important;
  padding-right:8px!important;
  background:#172033!important;
  border-color:rgba(96,165,250,.28)!important;
  color:#dbeafe!important;
  box-shadow:none!important;
}
.export-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:8px!important;
  width:100%!important;
  min-width:0!important;
}
.export-chip{
  flex:1 1 auto!important;
  min-width:48px!important;
  min-height:34px!important;
  padding:7px 8px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:999px!important;
  background:#0b1220!important;
  color:#e5edf8!important;
  font:800 .74rem/1 Inter, Segoe UI, Arial, sans-serif!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  box-shadow:none!important;
}
.export-chip:focus-visible,
.export-chip:hover{
  border-color:rgba(96,165,250,.55)!important;
  background:#10213d!important;
}
.export-primary-btn{
  width:100%!important;
  min-height:52px!important;
  margin-top:2px!important;
  border-color:rgba(59,130,246,.88)!important;
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
}
.export-primary-btn:focus-visible,
.export-primary-btn:hover{
  box-shadow:0 12px 26px rgba(37,99,235,.28)!important;
}
.export-advanced-accordion{
  margin:9px 0 0!important;
  border:1px solid rgba(148,163,184,.11)!important;
  border-radius:10px!important;
  background:rgba(15,23,42,.42)!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:1!important;
}
.export-advanced-accordion > summary{
  padding:9px 10px!important;
  background:transparent!important;
}
.export-advanced-accordion .summary-kicker{
  color:#93a4bd!important;
}
.export-advanced-accordion .summary-title{
  color:#dbeafe!important;
  font-size:.82rem!important;
}
.export-advanced-body{
  display:grid!important;
  gap:8px!important;
  padding:0 10px 10px!important;
  overflow:visible!important;
}
.export-dim-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.export-dim-row > div{
  min-width:0!important;
}
.export-secondary-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.export-secondary-actions .control-btn{
  width:100%!important;
}
.panel-export #editorReadyStatus{
  margin:0 0 7px!important;
}
.panel-export .export-confidence-card{
  position:static!important;
  margin:6px 0 8px!important;
  padding:8px 10px!important;
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.46)!important;
  box-shadow:none!important;
  color:#dbeafe!important;
}
.panel-export #sizeIndicator{
  margin-top:6px!important;
}
.properties .panel-export{
  position:relative!important;
  bottom:auto!important;
  z-index:4!important;
  overflow:visible!important;
}
.properties .panel-export[open]{
  z-index:8!important;
}
.properties .panel-export:not([open]){
  opacity:.92!important;
}
.properties .panel-export .export-primary-btn,
#downloadAgainBtn{
  min-height:54px!important;
  font-size:1rem!important;
}
.pages-tray.thumbnail-tray .thumb-item.active{
  transform:scale(1.035)!important;
  border-color:#60a5fa!important;
  box-shadow:0 0 0 2px rgba(96,165,250,.32)!important;
}
.panel-export .acceptance-checker{
  border-color:rgba(148,163,184,.14)!important;
  background:rgba(15,23,42,.36)!important;
  box-shadow:none!important;
}
.footer{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
.footer-links{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .panel-export .panel-subgroup{
    padding:8px!important;
  }
  .export-primary-card{
    padding:10px!important;
    gap:8px!important;
  }
  .export-target-row{
    grid-template-columns:minmax(0,1fr) 68px 54px!important;
    gap:6px!important;
  }
  .export-chip{
    min-width:46px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .export-primary-btn{
    min-height:50px!important;
  }
}
@media(max-width:390px){
  .export-target-row{
    grid-template-columns:minmax(0,1fr) 62px 50px!important;
  }
  .export-chip{
    min-width:43px!important;
    font-size:.70rem!important;
  }
  .export-dim-row,
  .export-secondary-actions{
    grid-template-columns:1fr!important;
  }
}

/* Mobile browser stability pass: body owns scroll, editor becomes a single-column document flow. */
@media (max-width:768px){
  html,
  body{
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:auto!important;
  }

  body:before{
    opacity:.10!important;
  }

  .main,
  .editor-shell,
  .editor-layout{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .workspace,
  #editor-workspace,
  .canvas-area,
  .canvas-stage,
  .canvas-wrapper,
  .workspace-canvas{
    height:auto!important;
    min-height:unset!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .workspace,
  #editor-workspace{
    order:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:44vh!important;
    padding:12px 12px 98px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    touch-action:pan-y!important;
    overscroll-behavior:auto!important;
    background:#080d16!important;
  }

  .workspace:before{
    inset:10px!important;
    left:10px!important;
    max-width:none!important;
    border-radius:14px!important;
    opacity:.65!important;
  }

  .canvas-stage,
  .canvas-container,
  .canvas-container canvas,
  .upper-canvas,
  .lower-canvas{
    touch-action:pan-y!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }

  .canvas-container{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    max-height:40vh!important;
    overflow:hidden!important;
    margin:0 auto!important;
  }

  canvas,
  .canvas-container canvas,
  .workspace-canvas{
    max-width:100%!important;
    max-height:40vh!important;
    object-fit:contain!important;
  }

  .upload-box{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(100%,420px)!important;
    height:auto!important;
    min-height:132px!important;
    margin:18px auto 10px!important;
    border-radius:16px!important;
    box-shadow:none!important;
    touch-action:pan-y!important;
  }

  .drag-drop-overlay{
    position:absolute!important;
    inset:10px!important;
    border-radius:16px!important;
    touch-action:pan-y!important;
  }

  .pages-tray,
  .pages-tray.thumbnail-tray{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:86px!important;
    max-height:118px!important;
    flex-direction:row!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 10px!important;
    border-right:0!important;
    border-top:1px solid rgba(148,163,184,.18)!important;
    background:rgba(11,17,28,.94)!important;
    z-index:8!important;
    -webkit-overflow-scrolling:touch;
  }

  .tray-actions{
    width:auto!important;
    min-width:86px!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
  }

  .pages-list{
    width:auto!important;
    height:auto!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:3px 4px!important;
    gap:8px!important;
    -webkit-overflow-scrolling:touch;
  }

  .thumb-item{
    width:74px!important;
    min-width:74px!important;
    height:86px!important;
    transform:none!important;
    border-color:rgba(148,163,184,.22)!important;
  }

  .thumb-item.active{
    transform:scale(1.045)!important;
    border-color:#60a5fa!important;
    box-shadow:0 0 0 2px rgba(96,165,250,.34)!important;
    background:#12233a!important;
  }

  .thumb-item img{
    height:48px!important;
  }

  .thumb-actions button{
    min-width:20px!important;
    width:20px!important;
    height:20px!important;
    min-height:20px!important;
    line-height:20px!important;
  }

  .canvas-history-controls{
    bottom:126px!important;
    box-shadow:none!important;
  }

  .properties{
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:12px!important;
    border-left:0!important;
    border-top:1px solid rgba(148,163,184,.16)!important;
    background:#0b1220!important;
  }

  .properties > .editor-panel-section,
  .properties > .wizard-bar,
  .properties > .mode-switcher,
  .properties > .processing-status,
  .properties > .live-preview-card,
  .properties > .soft-limit-notice{
    order:1!important;
  }

  .properties > details[data-panel="autoSetup"]{order:2!important}
  .properties > details[data-panel="adjustments"]{order:3!important}
  .properties > details[data-panel="crop"]{order:4!important}
  .properties > details[data-panel="pdfSetup"]{order:5!important}
  .properties > details[data-panel="pages"]{order:6!important}
  .properties > details[data-panel="export"]{order:7!important}
  .properties > details[data-panel="utility"]{order:8!important}
  .properties > details[data-panel="feedback"]{order:9!important}

  .properties details{
    width:100%!important;
    margin:0 0 10px!important;
    border-radius:12px!important;
    box-shadow:none!important;
    opacity:1!important;
  }

  .properties details:not([open]){
    opacity:.74!important;
  }

  .properties details.tool-active,
  .properties details[open]{
    opacity:1!important;
    border-color:rgba(96,165,250,.42)!important;
    box-shadow:0 0 0 1px rgba(96,165,250,.16)!important;
  }

  summary,
  .control-btn,
  .control-input,
  .mode-pill,
  .export-chip,
  .icon-btn{
    min-height:48px!important;
  }

  details > :not(summary){
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .mode-switcher{
    position:static!important;
    background:transparent!important;
  }

  .export-primary-card,
  .live-preview-card,
  .post-download-card{
    box-shadow:none!important;
  }

  .post-download-modal{
    background:rgba(2,6,14,.72)!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }

  .post-download-card{
    width:100%!important;
    max-width:none!important;
    border-radius:18px 18px 0 0!important;
  }
}


/* Sidebar restoration: stacked workflow with only export-card polish. */
.editor-tool-tabs,
.editor-tool-tab{
  display:none!important;
}

.compact-validation.validation-card{
  margin:8px 0 10px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.74)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}
.compact-validation .validation-card__header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:7px!important;
}
.compact-validation .validation-card__header strong{
  font-size:.78rem!important;
  color:#eaf2ff!important;
}
.compact-validation .validation-list{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.compact-validation .validation-item{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:#0f172a!important;
  color:#dbeafe!important;
  font-size:.7rem!important;
  font-weight:900!important;
  line-height:1!important;
}
.compact-validation .validation-dot{
  width:16px!important;
  height:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(34,197,94,.16)!important;
  color:#86efac!important;
  font-size:.62rem!important;
}
.compact-validation .validation-item.warn .validation-dot,
.compact-validation .validation-item.fail .validation-dot{
  background:rgba(245,158,11,.16)!important;
  color:#facc15!important;
}

.export-status-card{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  display:grid!important;
  gap:10px!important;
  margin:0 0 10px!important;
  padding:14px!important;
  border:1px solid rgba(96,165,250,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,15,28,.98))!important;
  box-shadow:0 12px 28px rgba(2,6,14,.32)!important;
}
.properties > details[data-panel] > .export-status-card{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
}
.export-status-row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#cbd5e1!important;
  font-size:.78rem!important;
  font-weight:800!important;
}
.export-status-row strong{
  color:#fff!important;
  font-size:.9rem!important;
  font-weight:950!important;
  text-align:right!important;
}
.export-requirements{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.export-check{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(34,197,94,.22)!important;
  background:rgba(22,163,74,.12)!important;
  color:#bbf7d0!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
.export-status-card .export-primary-btn{
  min-height:52px!important;
  margin:0!important;
  font-size:.95rem!important;
  font-weight:950!important;
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  border-color:#3b82f6!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(37,99,235,.28)!important;
}
.export-status-card .export-confidence-card,
.export-status-card .acceptance-checker{
  display:none!important;
}
.panel-export > .export-confidence-card,
.panel-export > .acceptance-checker{
  display:none!important;
}
.export-status-card .export-primary-btn:hover,
.export-status-card .export-primary-btn:focus-visible{
  background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.38)!important;
}
.advanced-adjustments{
  margin:10px 0 8px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.36)!important;
  box-shadow:none!important;
}
.advanced-adjustments > summary{
  padding:10px 11px!important;
}
.advanced-adjustments-body{
  padding:0 10px 10px!important;
}