.subtitle { font-size: 12px; color: var(--ink-light); font-weight: 300; letter-spacing: 0.1em; border-left: 2px solid var(--accent); padding-left: 10px; }
.hidden { display:none !important; }
.preview-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--rule); border:1px solid var(--border); }
.preview-pane { background:var(--card); display:flex; flex-direction:column; min-height:420px; }
.pane-header { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--border); background:var(--bg); }
.pane-title { font-size:10px; letter-spacing:.2em; color:var(--ink-light); text-transform:uppercase; }
.pane-meta { font-size:10px; color:var(--ink-light); }
.pane-img-area { flex:1; display:flex; align-items:center; justify-content:center; min-height:320px; padding:20px; background:repeating-conic-gradient(#E8EAED 0% 25%, var(--bg) 0% 50%) 0 0 / 16px 16px; position:relative; overflow:hidden; }
.pane-img-area img { max-width:100%; max-height:360px; object-fit:contain; display:block; box-shadow:0 4px 24px rgba(0,0,0,.14); }
.pane-placeholder { color:var(--ink-light); font-size:13px; }
.tool-form { display:flex; flex-direction:column; gap:12px; }
.tool-note { font-size:12px; color:var(--ink-light); line-height:1.7; }
.range-row { display:flex; align-items:center; gap:10px; }
.range-row .range-input { flex:1; }
.range-value { min-width:44px; text-align:right; font-size:12px; color:var(--ink-light); }
.drop-zone input[type='file']{ display:none; }
.workspace[style*='display:none']{ display:none !important; }
.sidebar-section > .apply-btn, .sidebar-section > .download-btn, .sidebar-section > .reset-btn { margin-top: 10px; }