@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700;800&family=Orbitron:wght@400;600;700;800&display=swap');

:root,
[data-theme="dark"] {
    --bg: #0a0a0f;
    --card: #12121a;
    --card2: #1c1c2e;
    --text: #e0e0e0;
    --muted: #6b7280;
    --line: #2a2a3a;
    --accent: #00ff88;
    --accent2: #ff00ff;
    --accent3: #00d4ff;
    --good: #00ff88;
    --warn: #f59e0b;
    --danger: #ff3366;
    --purple: #9ca3af;
    --radius: 4px
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    background: var(--bg);
    color: var(--text);
    min-height: 100vh
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image:
        linear-gradient(rgba(0,255,136,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,255,136,0.03) 1px, transparent 1px);
    background-size: 50px 50px
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 10000;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.15) 2px, rgba(0,0,0,0.15) 4px)
}

@keyframes glitch {
    0%, 100% { transform: translate(0); text-shadow: -1px 0 var(--accent2), 1px 0 var(--accent3); }
    20% { transform: translate(-2px, 1px); }
    40% { transform: translate(1px, -1px); }
    60% { transform: translate(-1px, -1px); }
    80% { transform: translate(1px, 1px); }
}

@keyframes spin { 100% { transform: rotate(360deg) } }

@keyframes neonPulse {
    0%, 100% { box-shadow: 0 0 5px var(--accent), 0 0 10px rgba(0,255,136,0.25); }
    50% { box-shadow: 0 0 10px var(--accent), 0 0 20px rgba(0,255,136,0.4); }
}

header {
    background: var(--card);
    border-bottom: 1px solid var(--accent);
    padding: 14px 24px;
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 10px rgba(0,255,136,0.1)
}

.header-content {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px
}

.brand-icon {
    width: 38px;
    height: 38px;
    background: var(--accent);
    clip-path: polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
    display: grid;
    place-items: center;
    font-size: 18px;
    color: #0a0a0f;
    box-shadow: 0 0 10px rgba(0,255,136,0.4)
}

.brand h1 {
    font-family: 'Orbitron', 'Share Tech Mono', monospace;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    animation: glitch 3s infinite
}

.brand small {
    display: block;
    font-size: 11px;
    color: var(--muted);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

.header-actions {
    margin-left: auto;
    display: flex;
    gap: 10px
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px 20px
}

.tool-card {
    background: var(--card);
    border: 1px solid var(--line);
    clip-path: polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
    padding: 24px;
    margin-bottom: 20px;
    transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.tool-card:hover {
    box-shadow: 0 0 15px rgba(0,255,136,0.08)
}

.tool-title {
    font-family: 'Orbitron', 'Share Tech Mono', monospace;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--accent);
    animation: glitch 4s infinite
}

.tool-desc {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 20px;
    line-height: 1.5
}

.form-row {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.form-group {
    flex: 1;
    min-width: 150px
}

.form-group label {
    display: block;
    font-size: 12px;
    color: var(--accent3);
    margin-bottom: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.form-group label::before {
    content: '> ';
    color: var(--accent)
}

.form-group select,
.form-group input {
    width: 100%;
    padding: 10px 14px;
    background: var(--card2);
    border: 2px solid var(--line);
    border-radius: var(--radius);
    color: var(--text);
    font-size: 14px;
    font-family: 'JetBrains Mono', monospace;
    outline: none;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.form-group select:focus,
.form-group input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 5px var(--accent), 0 0 10px rgba(0,255,136,0.25)
}

.form-group select option {
    background: var(--card2);
    color: var(--text)
}

.paste-area {
    width: 100%;
    min-height: 140px;
    max-height: 300px;
    padding: 12px 14px 12px 24px;
    background: var(--card2);
    border: 2px solid var(--line);
    border-radius: var(--radius);
    color: var(--text);
    font-size: 13px;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    outline: none;
    resize: vertical;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.6
}

.paste-area:focus {
    border-color: var(--accent);
    box-shadow: 0 0 5px var(--accent), 0 0 10px rgba(0,255,136,0.25)
}

.paste-area::placeholder {
    color: var(--muted);
    font-family: 'JetBrains Mono', monospace
}

.paste-hint {
    font-size: 11px;
    color: var(--muted);
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.paste-count {
    font-size: 12px;
    color: var(--accent);
    font-weight: 600;
    margin-top: 6px;
    font-family: 'JetBrains Mono', monospace
}

.result-box {
    display: none;
    margin-top: 20px
}

.result-box.show {
    display: block
}

.result-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
    margin-bottom: 16px
}

.result-stat {
    background: var(--card2);
    border: 1px solid var(--line);
    clip-path: polygon(0 6px, 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px));
    padding: 14px;
    text-align: center;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.result-stat:hover {
    box-shadow: 0 0 10px rgba(0,255,136,0.1)
}

.result-stat .label {
    font-size: 11px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
    font-family: 'JetBrains Mono', monospace
}

.result-stat .value {
    font-size: 22px;
    font-weight: 800;
    font-family: 'Orbitron', monospace;
    color: var(--accent)
}

.diff-banner {
    padding: 14px 18px;
    clip-path: polygon(0 6px, 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px));
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.diff-banner.match {
    background: rgba(0, 255, 136, .1);
    border: 1px solid rgba(0, 255, 136, .3);
    color: var(--good)
}

.diff-banner.mismatch {
    background: rgba(245, 158, 11, .1);
    border: 1px solid rgba(245, 158, 11, .3);
    color: var(--warn)
}

.section-title {
    font-family: 'Orbitron', 'Share Tech Mono', monospace;
    font-size: 14px;
    font-weight: 700;
    margin: 16px 0 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.section-title .badge {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 2px;
    font-weight: 700;
    color: #0a0a0f;
    font-family: 'JetBrains Mono', monospace
}

.badge-warn {
    background: var(--warn);
    box-shadow: 0 0 6px rgba(245,158,11,0.4)
}

.badge-danger {
    background: var(--danger);
    color: white;
    box-shadow: 0 0 6px rgba(255,51,102,0.4)
}

.badge-good {
    background: var(--good);
    box-shadow: 0 0 6px rgba(0,255,136,0.4)
}

.acc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 2px;
    margin-bottom: 4px;
    background: var(--card2);
    border: 1px solid var(--line);
    font-size: 13px;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.acc-item:hover {
    background: rgba(0, 255, 136, .03);
    border-color: rgba(0,255,136,0.2);
    transform: translateY(-1px)
}

.acc-item.issue {
    border-color: var(--warn);
    background: rgba(245, 158, 11, .05);
    box-shadow: inset 0 0 10px rgba(245,158,11,0.05)
}

.acc-item.missing {
    border-color: var(--danger);
    background: rgba(255, 51, 102, .05);
    box-shadow: inset 0 0 10px rgba(255,51,102,0.05)
}

.acc-item.extra {
    border-color: var(--purple);
    background: rgba(139, 92, 246, .05);
    box-shadow: inset 0 0 10px rgba(139,92,246,0.05)
}

.acc-item.duplicate {
    border-color: var(--warn);
    background: rgba(245, 158, 11, .08)
}

.acc-item .acc-name {
    flex: 1;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.acc-tag {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 2px;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'JetBrains Mono', monospace
}

.acc-tag.available {
    background: rgba(0, 255, 136, .12);
    color: var(--good);
    border: 1px solid rgba(0,255,136,0.3);
    box-shadow: 0 0 4px rgba(0,255,136,0.2)
}

.acc-tag.sold {
    background: rgba(245, 158, 11, .12);
    color: var(--warn);
    border: 1px solid rgba(245,158,11,0.3)
}

.acc-tag.die {
    background: rgba(255, 51, 102, .12);
    color: var(--danger);
    border: 1px solid rgba(255,51,102,0.3)
}

.acc-tag.not-found {
    background: rgba(139, 92, 246, .12);
    color: var(--purple);
    border: 1px solid rgba(139,92,246,0.3)
}

.acc-tag.banned {
    background: rgba(249, 115, 22, .12);
    color: #f97316;
    border: 1px solid rgba(249,115,22,0.3)
}

.acc-tag.dup {
    background: rgba(245, 158, 11, .12);
    color: var(--warn);
    border: 1px solid rgba(245,158,11,0.3)
}

.status-btns {
    display: flex;
    gap: 3px;
    flex-shrink: 0
}

.status-btn {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
    background: rgba(255, 255, 255, .05);
    opacity: .35
}

.status-btn:hover {
    opacity: .8;
    transform: scale(1.15)
}

.status-btn.active {
    opacity: 1;
    transform: scale(1.05)
}

.status-btn.active[data-s="available"] {
    background: rgba(0, 255, 136, .15);
    border-color: rgba(0, 255, 136, .5);
    box-shadow: 0 0 8px rgba(0, 255, 136, .4)
}

.status-btn.active[data-s="sold"] {
    background: rgba(245, 158, 11, .15);
    border-color: rgba(245, 158, 11, .5);
    box-shadow: 0 0 8px rgba(245, 158, 11, .4)
}

.status-btn.active[data-s="die"] {
    background: rgba(255, 51, 102, .15);
    border-color: rgba(255, 51, 102, .5);
    box-shadow: 0 0 8px rgba(255, 51, 102, .4)
}

.status-btn.active[data-s="banned"] {
    background: rgba(249, 115, 22, .15);
    border-color: rgba(249, 115, 22, .5);
    box-shadow: 0 0 8px rgba(249, 115, 22, .4)
}

.btn {
    padding: 8px 16px;
    border: 2px solid var(--line);
    border-radius: var(--radius);
    background: transparent;
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.btn:hover {
    background: rgba(0,255,136,0.08);
    border-color: var(--accent);
    transform: translateY(-1px);
    box-shadow: 0 0 8px rgba(0,255,136,0.3);
    color: var(--accent)
}

.btn.primary {
    background: var(--accent);
    border-color: var(--accent);
    color: #0a0a0f;
    box-shadow: 0 0 10px rgba(0,255,136,0.3)
}

.btn.primary:hover {
    box-shadow: 0 0 15px rgba(0,255,136,0.5);
    background: var(--accent)
}

.toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    background: var(--card);
    border: 1px solid var(--accent);
    padding: 12px 24px;
    border-radius: var(--radius);
    font-size: 14px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    z-index: 9999;
    transition: transform .3s cubic-bezier(.17, .67, .5, 1.2);
    pointer-events: none;
    box-shadow: 0 0 15px rgba(0,255,136,0.2), 0 10px 40px rgba(0, 0, 0, .5);
    clip-path: polygon(0 6px, 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px))
}

.toast.show {
    transform: translateX(-50%) translateY(0)
}

.loading-screen {
    position: fixed;
    inset: 0;
    background: var(--bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    gap: 20px;
    transition: opacity .4s ease
}

.loading-screen.fade-out {
    opacity: 0;
    pointer-events: none
}

.loading-icon-wrap {
    width: 72px;
    height: 72px;
    background: var(--accent);
    clip-path: polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
    display: grid;
    place-items: center;
    font-size: 32px;
    color: #0a0a0f;
    animation: neonPulse 1.8s ease-in-out infinite
}

@keyframes loadPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,255,136,.4) }
    50% { transform: scale(1.08); box-shadow: 0 0 0 18px rgba(0,255,136,0) }
}

.loading-title-text {
    font-family: 'Orbitron', 'Share Tech Mono', monospace;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 3px;
    color: var(--accent);
    text-transform: uppercase;
    animation: glitch 2s infinite
}

.loading-sub {
    font-size: 12px;
    color: var(--muted);
    letter-spacing: 1px;
    text-transform: uppercase
}

.loading-bar-wrap {
    width: 180px;
    height: 3px;
    background: var(--line);
    border-radius: 0;
    overflow: hidden
}

.loading-bar {
    height: 100%;
    width: 45%;
    background: linear-gradient(90deg, var(--accent), var(--accent3));
    border-radius: 0;
    animation: loadBar 1.2s steps(8) infinite
}

@keyframes loadBar {
    0% { transform: translateX(-120%) }
    100% { transform: translateX(280%) }
}

@media(max-width:600px) {
    .container {
        padding: 12px
    }

    .tool-card {
        padding: 16px
    }

    .form-row {
        flex-direction: column;
        gap: 10px
    }

    .form-group {
        min-width: 100%
    }

    .result-summary {
        grid-template-columns: repeat(2, 1fr)
    }

    body::after {
        background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px)
    }
}

/* ===== SIDEBAR LAYOUT ===== */
.page-layout{display:flex;min-height:calc(100vh - 60px)}
.sidebar{width:200px;background:var(--card);border-right:1px solid var(--line);padding:16px 0;flex-shrink:0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}
.sidebar-title{font-family:'Orbitron','Share Tech Mono',monospace;font-size:11px;color:var(--accent3);text-transform:uppercase;letter-spacing:2px;padding:8px 16px;font-weight:700}
.sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all 150ms cubic-bezier(0.4,0,0.2,1);border-left:3px solid transparent;text-transform:uppercase;letter-spacing:0.5px;font-family:'JetBrains Mono',monospace;border-radius:0}
.sidebar-item:hover{color:var(--text);background:rgba(0,255,136,.03)}
.sidebar-item.active{color:var(--accent);border-left-color:var(--accent);background:rgba(0,255,136,.06);box-shadow:inset 0 0 15px rgba(0,255,136,0.05),-3px 0 8px rgba(0,255,136,0.2)}
.main-content{flex:1;min-width:0}
.tool-section{display:none}
.tool-section.active{display:block}
@media(max-width:768px){
    .page-layout{flex-direction:column}
    .sidebar{width:100%;height:auto;position:static;display:flex;flex-direction:row;border-right:none;border-bottom:1px solid var(--line);padding:0;overflow-x:auto;overflow-y:hidden}
    .sidebar-title{display:none}
    .sidebar-item{padding:10px 14px;justify-content:center;font-size:14px;border-left:none;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}
    .sidebar-item span{display:inline}
    .sidebar-item.active{border-bottom-color:var(--accent);box-shadow:0 2px 8px rgba(0,255,136,0.3)}
    footer{display:none !important}
}
@media(max-width:480px){
    .sidebar-item{padding:8px 10px;font-size:12px}
    .cut-panel-body{padding:10px 12px}
    .cut-textarea,.cut-output-box{font-size:11px;min-height:100px}
    .cut-container{padding:12px 8px;gap:12px}
    .cut-panel-head{font-size:12px;padding:10px 12px}
    .form-row{flex-direction:column;gap:8px}
    .form-group{min-width:100%}
    .result-summary{grid-template-columns:repeat(2,1fr)}
}

/* ===== CUT TOOL STYLES ===== */
.cut-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 20px;max-width:1100px;margin:0 auto}
@media(max-width:800px){.cut-container{grid-template-columns:1fr}}
.cut-panel{background:var(--card);border:1px solid var(--line);clip-path:polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));overflow:hidden;border-radius:0}
.cut-panel-head{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:'Orbitron','Share Tech Mono',monospace;text-transform:uppercase;letter-spacing:1px;color:var(--accent3)}
.cut-panel-body{padding:14px 16px}
.cut-textarea{width:100%;background:var(--card2);border:2px solid var(--line);border-radius:var(--radius);padding:10px 12px;color:var(--text);font-family:'JetBrains Mono','Fira Code',Consolas,monospace;font-size:12px;outline:none;resize:vertical;min-height:200px;transition:all 150ms cubic-bezier(0.4,0,0.2,1)}
.cut-textarea:focus{border-color:var(--accent);box-shadow:0 0 5px var(--accent),0 0 10px rgba(0,255,136,0.25)}
.cut-full-row{grid-column:1/-1}
.cut-preset-btn{padding:7px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;border:2px solid var(--line);background:var(--card2);color:var(--text);transition:all 150ms cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:0.5px;font-family:'JetBrains Mono',monospace}
.cut-preset-btn:hover{border-color:var(--accent);background:rgba(0,255,136,0.06);box-shadow:0 0 6px rgba(0,255,136,0.2)}
.cut-preset-btn.active{border-color:var(--accent);background:var(--accent);color:#0a0a0f;box-shadow:0 0 10px rgba(0,255,136,0.4)}
.cut-preset-x{margin-left:4px;font-size:10px;opacity:.6;cursor:pointer}
.cut-preset-x:hover{opacity:1;color:var(--danger)}
.cut-sep-chip{padding:5px 12px;border-radius:var(--radius);font-size:12px;font-weight:700;cursor:pointer;border:2px solid var(--line);background:var(--card2);color:var(--muted);transition:all 150ms cubic-bezier(0.4,0,0.2,1);font-family:'JetBrains Mono',monospace}
.cut-sep-chip:hover{border-color:var(--accent);color:var(--text)}
.cut-sep-chip.active{border-color:var(--good);background:rgba(0,255,136,.1);color:var(--good);box-shadow:0 0 6px rgba(0,255,136,0.3)}
.cut-output-box{width:100%;min-height:200px;max-height:400px;background:var(--card2);border:2px solid var(--good);border-radius:var(--radius);padding:10px 12px;overflow-y:auto;font-family:'JetBrains Mono','Fira Code',Consolas,monospace;font-size:12px;line-height:1.7;color:var(--text);resize:vertical;box-shadow:inset 0 0 10px rgba(0,255,136,0.05)}
.cut-line{padding:1px 4px;border-radius:2px}
.cut-line.dup{background:rgba(255,51,102,0.12);color:var(--danger);border-left:3px solid var(--danger);padding-left:8px}
.cut-empty-hint{color:var(--muted);font-style:italic}
.cut-ptable{width:100%;border-collapse:collapse;font-size:11px}
.cut-ptable th{background:var(--card2);color:var(--accent);font-weight:700;padding:6px 10px;text-align:left;border:1px solid var(--line);position:sticky;top:0;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-family:'Orbitron',monospace}
.cut-ptable td{padding:4px 10px;border:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cut-ptable .sel{background:rgba(0,255,136,0.08)!important;color:var(--accent)!important;font-weight:600}
.cut-btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:12px;font-weight:700;cursor:pointer;transition:all 150ms cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.5px;font-family:'JetBrains Mono',monospace}
.cut-btn-primary{background:var(--accent);color:#0a0a0f;box-shadow:0 0 10px rgba(0,255,136,0.3)}
.cut-btn-primary:hover{filter:brightness(1.15);box-shadow:0 0 15px rgba(0,255,136,0.5)}
.cut-btn-sm{padding:5px 10px;font-size:11px;border-radius:var(--radius)}
.cut-btn-ghost{background:none;color:var(--muted);border:2px solid var(--line)}
.cut-btn-ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px rgba(0,255,136,0.2)}
.cut-btn-good{background:rgba(0,255,136,.1);color:var(--good);border:1px solid rgba(0,255,136,.3)}
.cut-btn-good:hover{background:rgba(0,255,136,.2);box-shadow:0 0 8px rgba(0,255,136,0.3)}
/* Sync indicator */
.sync-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:2px;transition:all .3s;opacity:0;pointer-events:none;font-family:'JetBrains Mono',monospace;text-transform:uppercase}
.sync-badge.syncing{opacity:1;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);color:var(--accent3)}
.sync-badge.done{opacity:1;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--good)}
.sync-badge.done.fade{opacity:0}
.sync-spin{display:inline-block;animation:syncSpin .7s steps(8) infinite}
@keyframes syncSpin{to{transform:rotate(360deg)}}
.chip{background:var(--card2);border:1px solid var(--line);border-radius:2px;padding:4px 10px;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;text-transform:uppercase}
.chip b{color:var(--text);font-weight:700}
.chip.accent{border-color:var(--accent);box-shadow:0 0 4px rgba(0,255,136,0.15)}
.chip.accent b{color:var(--accent)}
.cut-sw{position:relative;width:36px;height:20px;cursor:pointer;flex-shrink:0}
.cut-sw input{display:none}
.cut-sw span{position:absolute;inset:0;background:var(--card2);border:2px solid var(--line);border-radius:2px;transition:all .2s}
.cut-sw span::after{content:'';position:absolute;width:14px;height:14px;background:var(--muted);border-radius:2px;top:1px;left:1px;transition:all .2s}
.cut-sw input:checked+span{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px rgba(0,255,136,0.4)}
.cut-sw input:checked+span::after{transform:translateX(16px);background:#0a0a0f}
.cut-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;justify-content:center;align-items:center;backdrop-filter:blur(4px)}
.cut-modal-bg.show{display:flex}
.cut-modal{background:var(--card);border:1px solid var(--accent);clip-path:polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));padding:24px;width:90%;max-width:400px;box-shadow:0 0 20px rgba(0,255,136,0.15);border-radius:0}
.cut-modal h3{font-family:'Orbitron',monospace;font-size:16px;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}
.cut-modal label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:0.5px}
.cut-modal input{width:100%;background:var(--card2);border:2px solid var(--line);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-size:13px;outline:none;font-family:'JetBrains Mono',monospace}
.cut-modal input:focus{border-color:var(--accent);box-shadow:0 0 5px var(--accent),0 0 10px rgba(0,255,136,0.25)}
#cutToast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--card);color:var(--text);padding:10px 20px;border-radius:var(--radius);border:1px solid var(--accent);font-size:12px;font-weight:600;z-index:10000;opacity:0;transition:all .3s;box-shadow:0 0 15px rgba(0,255,136,0.2),0 8px 24px rgba(0,0,0,.5);font-family:'JetBrains Mono',monospace}
#cutToast.show{opacity:1;transform:translateX(-50%) translateY(0)}