:root{--ic-bg: #0d1117;--ic-panel: #161b22;--ic-border: #30363d;--ic-text: #c9d1d9;--ic-muted: #8b949e;--ic-accent: #58a6ff;--ic-accent-hover: #3182ce;--ic-corner: #f59e0b;--ic-edge: #38bdf8;--ic-font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.ic-page-wrapper *{box-sizing:border-box;margin:0;padding:0}.ic-page-wrapper{font-family:var(--ic-font);background-color:var(--ic-bg);color:var(--ic-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 3rem;gap:2rem;width:100%;position:relative}.ic-container{background-color:var(--ic-panel);border:1px solid var(--ic-border);border-radius:12px;width:100%;max-width:1300px;padding:1.75rem 2rem;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:1.25rem;animation:icFadeIn .4s ease-out}@keyframes icFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ic-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .3s ease}.ic-header--compact{flex-direction:row;text-align:left;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ic-border)}.ic-header--compact .ic-icon-wrapper{margin-bottom:0;flex-shrink:0}.ic-header--compact .ic-header-text h1{font-size:1.3rem;margin-bottom:0}.ic-header-text{display:flex;flex-direction:column;gap:.3rem}.ic-icon-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:.25rem;transition:all .3s ease}.ic-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.4rem}.ic-header p{color:var(--ic-muted);font-size:1rem;max-width:560px}.ic-dropzone{border:2px dashed var(--ic-border);border-radius:10px;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:border-color .2s,background .2s;text-align:center;min-height:300px;justify-content:center}.ic-dropzone:hover,.ic-dropzone.active{border-color:var(--ic-accent);background:#58a6ff0f}.ic-dropzone-icon{width:52px;height:52px;color:var(--ic-muted)}.ic-dropzone p{color:var(--ic-text);font-size:1.05rem;font-weight:500}.ic-hint{color:var(--ic-muted);font-size:.85rem}.ic-workspace{display:flex;flex-direction:column;align-items:center;gap:1rem}.ic-image-container{position:relative;display:inline-flex;max-width:100%;touch-action:none}.ic-image{display:block;max-width:100%;max-height:calc(100vh - 240px);min-height:200px;width:auto;height:auto;user-select:none;-webkit-user-drag:none;border-radius:6px;object-fit:contain}.ic-overlay{position:absolute;top:0;left:0;overflow:visible;touch-action:none}.ic-dimensions{display:flex;align-items:center;gap:1.5rem;background:#ffffff08;border:1px solid var(--ic-border);border-radius:8px;padding:.6rem 1.5rem}.ic-dim-block{display:flex;flex-direction:column;align-items:center;gap:.15rem}.ic-dim-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ic-muted)}.ic-dim-value{font-size:1rem;font-weight:600;color:var(--ic-text);font-variant-numeric:tabular-nums}.ic-dim-value--new{color:var(--ic-accent)}.ic-dim-arrow{color:var(--ic-muted);font-size:1.1rem}.ic-legend{display:flex;gap:1.25rem;align-items:center;font-size:.8rem;color:var(--ic-muted)}.ic-legend-item{display:flex;align-items:center;gap:.4rem}.ic-legend-dot{width:10px;height:10px;border-radius:50%}.ic-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.ic-btn-primary{display:flex;align-items:center;gap:.5rem;background:var(--ic-accent);color:#0d1117;border:none;border-radius:8px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.ic-btn-primary:hover{background:var(--ic-accent-hover);color:#fff}.ic-btn-ghost{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--ic-muted);border:1px solid var(--ic-border);border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;cursor:pointer;transition:color .2s,border-color .2s}.ic-btn-ghost:hover{color:var(--ic-text);border-color:var(--ic-text)}@media (max-width: 768px){.ic-page-wrapper{padding:1.5rem 1rem 2rem}.ic-container{padding:1.25rem 1rem;max-width:100%}.ic-header--compact{flex-direction:column;text-align:center}.ic-image{max-height:calc(100vh - 300px)}.ic-dimensions{flex-direction:column;gap:.5rem;padding:.6rem 1rem}.ic-dim-arrow{transform:rotate(90deg)}.ic-legend{flex-wrap:wrap;justify-content:center}}