:root {
    background: light-dark(#fff, #222);
    color: light-dark(#000, #bbb);
    font-family: system-ui;
}
a {
    color: light-dark(#00f, #aaf);
}
button {
    appearance: none;
    font: inherit;
    border: 1px solid light-dark(#aaa, #000);
    background: light-dark(#f1f1f1, #333);
    color: light-dark(#000, #bbb);
    padding: 4px 8px;
    border-radius: 0;
    cursor: pointer;
    &:has(>.icon) {
        display: flex;
        align-items: center;
        gap: 4px;
        >.icon {
            flex-shrink: 0;
        }
    }
    &.danger {
        background: light-dark(#f26, #a35);
        border-color: light-dark(#a35, #301);
        color: #fff;
    }
}
input {
    appearance: none;
    font: inherit;
    border: 1px solid light-dark(#aaa, #000);
    background: light-dark(#f1f1f1, #333);
    color: light-dark(#000, #bbb);
    padding: 4px;
    border-radius: 0;
}
fieldset {
    border: 1px solid light-dark(#ccc, #999);
}
.uploadcopy {
    display: flex;
    >input {
        flex: 1;
        border-right: 0;
    }
}