/* AI Watermark Remover v2 — style.css */
:root {
    --awr-navy:   #0f1b2d;
    --awr-gold:   #c9a84c;
    --awr-green:  #16a34a;
    --awr-red:    #b91c1c;
    --awr-text:   #1e293b;
    --awr-muted:  #64748b;
    --awr-border: #e2e8f0;
    --awr-radius: 10px;
    --awr-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.awr-wrap {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    max-width: 860px;
    margin: 0 auto;
    color: var(--awr-text);
    box-sizing: border-box;
}
.awr-wrap *, .awr-wrap *::before, .awr-wrap *::after { box-sizing: inherit; }

.awr-panel {
    background: #fff;
    border: 1px solid var(--awr-border);
    border-radius: var(--awr-radius);
    padding: 32px;
    box-shadow: var(--awr-shadow);
    margin-bottom: 20px;
}

.awr-header h2 { font-size:1.5rem; font-weight:800; color:var(--awr-navy); margin:0 0 8px; }
.awr-header p  { color:var(--awr-muted); font-size:0.92rem; line-height:1.6; margin:0 0 28px; }

/* ── Drop zone ── */
.awr-drop-zone {
    border: 2px dashed var(--awr-border);
    border-radius: var(--awr-radius);
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    background: #f8fafc;
    overflow: hidden;
    margin-bottom: 24px;
}
.awr-drop-zone:hover, .awr-drop-zone.awr-drag-over { border-color:var(--awr-gold); background:#fffdf5; }
.awr-drop-zone.awr-has-image { min-height:unset; cursor:default; border-style:solid; border-color:var(--awr-border); }
.awr-drop-inner {
    display:flex; flex-direction:column; align-items:center; gap:10px;
    color:var(--awr-muted); text-align:center; padding:40px 20px; pointer-events:none;
}
.awr-drop-inner p { margin:0; font-size:0.95rem; }
.awr-drop-sub { font-size:0.8rem !important; color:#94a3b8 !important; }
.awr-link { color:#1a4fa0; font-weight:600; }
.awr-drop-zone.awr-has-image .awr-drop-inner { display:none; }

#awr-preview-img {
    max-width:100%; max-height:420px; object-fit:contain;
    display:block; margin:0 auto; padding:8px;
}

/* ── Options ── */
#awr-options { margin-bottom:24px; }
.awr-option-row { margin-bottom:18px; }
.awr-option-row > label {
    display:block; font-size:0.8rem; font-weight:700;
    text-transform:uppercase; letter-spacing:0.05em;
    color:var(--awr-text); margin-bottom:8px;
}
.awr-optional { font-weight:400; text-transform:none; letter-spacing:0; color:var(--awr-muted); font-size:0.78rem; }
.awr-option-row input[type="text"] {
    width:100%; padding:10px 14px;
    border:1.5px solid var(--awr-border); border-radius:7px;
    font-size:0.9rem; color:var(--awr-text); background:#fff;
}
.awr-option-row input:focus {
    outline:none; border-color:var(--awr-gold);
    box-shadow:0 0 0 3px rgba(201,168,76,0.15);
}
.awr-mode-btns { display:flex; gap:10px; margin-bottom:8px; }
.awr-mode-btn {
    padding:9px 18px; border:1.5px solid var(--awr-border);
    border-radius:7px; background:#fff; font-size:0.88rem;
    font-weight:600; cursor:pointer; color:var(--awr-muted); transition:all 0.15s;
}
.awr-mode-btn:hover { border-color:var(--awr-navy); color:var(--awr-navy); }
.awr-mode-active { border-color:var(--awr-navy) !important; background:var(--awr-navy) !important; color:#fff !important; }
.awr-mode-hint { font-size:0.82rem; color:var(--awr-muted); margin:0; }

/* ── Buttons ── */
.awr-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:13px 24px; background:var(--awr-navy); color:#fff;
    border:none; border-radius:8px; font-size:0.95rem; font-weight:700;
    cursor:pointer; text-decoration:none; transition:background 0.15s;
}
.awr-btn:hover:not(:disabled) { background:#162236; color:#fff; text-decoration:none; }
.awr-btn:disabled { opacity:0.45; cursor:not-allowed; }
.awr-btn-full { width:100%; }
.awr-btn-ghost {
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 20px; background:transparent; color:var(--awr-navy);
    border:1.5px solid var(--awr-border); border-radius:8px;
    font-size:0.9rem; font-weight:600; cursor:pointer; transition:border-color 0.15s;
}
.awr-btn-ghost:hover { border-color:var(--awr-navy); }

@keyframes awr-spin { to { transform:rotate(360deg); } }
.awr-spin { animation:awr-spin 0.75s linear infinite; }

.awr-disclaimer {
    font-size:0.78rem; color:var(--awr-muted); background:#f8fafc;
    border:1px solid var(--awr-border); border-radius:7px;
    padding:10px 14px; margin-top:16px;
}

/* ── Manual canvas ── */
.awr-panel h3 { font-size:1.1rem; font-weight:700; color:var(--awr-navy); margin:0 0 6px; }
.awr-sub { font-size:0.88rem; color:var(--awr-muted); margin:0 0 16px; }
.awr-canvas-wrap {
    border:1px solid var(--awr-border); border-radius:var(--awr-radius);
    overflow:hidden; background:#111; cursor:crosshair; margin-bottom:16px;
}
#awr-select-canvas { max-width:100%; display:block; margin:0 auto; touch-action:none; }
.awr-actions-row { display:flex; gap:12px; justify-content:flex-end; flex-wrap:wrap; }

/* ── Result ── */
.awr-result-header {
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:20px; flex-wrap:wrap; gap:10px;
}
.awr-result-header h3 { margin:0; font-size:1.2rem; font-weight:800; color:var(--awr-navy); }
.awr-reset {
    background:none; border:1.5px solid var(--awr-border); color:var(--awr-muted);
    font-size:0.85rem; padding:7px 14px; border-radius:6px; cursor:pointer; transition:all 0.15s;
}
.awr-reset:hover { border-color:var(--awr-navy); color:var(--awr-navy); }

.awr-detection-info {
    background:#f0f9f4; border:1.5px solid #bbf7d0; border-radius:8px;
    padding:12px 16px; font-size:0.88rem; color:#15803d;
    font-weight:600; margin-bottom:20px;
}

.awr-compare {
    display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px;
}
.awr-compare-col { display:flex; flex-direction:column; gap:8px; }
.awr-compare-label {
    font-size:0.75rem; font-weight:700; text-transform:uppercase;
    letter-spacing:0.06em; color:var(--awr-muted);
}
.awr-compare img {
    width:100%; border:1px solid var(--awr-border);
    border-radius:8px; display:block; background:#f8fafc;
}

/* ── Error ── */
.awr-error {
    background:#fdf2f2; border:1.5px solid #fca5a5;
    border-radius:var(--awr-radius); padding:24px; text-align:center;
}
.awr-error p { color:var(--awr-red); font-weight:600; margin:0 0 16px; }

/* ── Responsive ── */
@media (max-width:600px) {
    .awr-panel { padding:20px; }
    .awr-compare { grid-template-columns:1fr; }
    .awr-mode-btns { flex-direction:column; }
    .awr-actions-row { flex-direction:column; }
    .awr-btn-full, .awr-actions-row .awr-btn, .awr-actions-row .awr-btn-ghost { width:100%; justify-content:center; }
}