#loginAppearanceSection[hidden],#loginAppearanceSection [hidden]{display:none!important}
#loginAppearanceSection{border-top:1px solid var(--line);padding-top:28px;margin-top:35px;min-width:0}
#loginAppearanceSection .login-appearance-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:7px}
#loginAppearanceSection .login-appearance-heading h2{margin:0}
#loginAppearanceSection .login-common-label{font-size:var(--fs-small);color:var(--accent);background:var(--accent-10);border-radius:6px;padding:5px 9px}
#loginAppearanceSection .login-current{font-size:var(--fs-small);color:var(--ink-soft);margin:0 0 14px;line-height:1.7}
#loginAppearanceSection .login-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#loginAppearanceSection .login-design-choice{min-width:0;display:block;padding:6px;border:2px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;cursor:pointer;overflow:hidden}
#loginAppearanceSection .login-design-choice[aria-pressed=true]{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-10)}
#loginAppearanceSection button:disabled{cursor:default;opacity:.55}
#loginAppearanceSection .login-design-thumb{display:block;position:relative;height:88px;border-radius:6px;overflow:hidden}
#loginAppearanceSection .login-design-thumb::before,#loginAppearanceSection .login-design-thumb::after{content:'';position:absolute}
#loginAppearanceSection .login-thumb-night{background:radial-gradient(ellipse at 50% 100%,#214d3f,#111f26)}
#loginAppearanceSection .login-thumb-night::before{width:42px;height:58px;left:calc(50% - 21px);top:14px;border-radius:7px;background:#20343a;border:1px solid #427761}
#loginAppearanceSection .login-thumb-night::after{width:26px;height:5px;left:calc(50% - 13px);top:56px;background:#77dfb1;box-shadow:0 -12px #526b69,0 -23px #526b69}
#loginAppearanceSection .login-thumb-ai{background:radial-gradient(ellipse at 30% 50%,#0e3655,#030c19)}
#loginAppearanceSection .login-thumb-ai::before{width:47px;height:47px;left:13%;top:20px;border-radius:50%;border:1px solid #51c3ee;background:radial-gradient(circle at 30% 30%,#96ecff,#063771 38%,#091429);box-shadow:0 0 10px #39caff70}
#loginAppearanceSection .login-thumb-ai::after{width:36px;height:58px;right:12%;top:15px;border-top:2px solid #63dfff;border-bottom:1px solid #348fab;background:#0c243a}
#loginAppearanceSection .login-thumb-farm{background:linear-gradient(90deg,#d4dfbd 55%,#fff9ec 55%)}
#loginAppearanceSection .login-thumb-farm::before{left:-5%;bottom:-9px;width:76%;height:40px;border-radius:50%;background:#7d9761;box-shadow:25px -10px #b4c697}
#loginAppearanceSection .login-thumb-farm::after{left:17%;bottom:17px;width:25px;height:30px;border-top:10px solid #6b7855;background:#efdebb;box-shadow:66px -5px 0 -5px #64794c}
#loginAppearanceSection .login-thumb-accounting{background:#f2f5fa;border-top:10px solid #173d6d}
#loginAppearanceSection .login-thumb-accounting::before{width:70%;height:44px;background:#fff;border:1px solid #d4dce8;top:15px;left:15%;border-radius:2px}
#loginAppearanceSection .login-thumb-accounting::after{width:27%;height:5px;top:26px;right:27%;background:#e4eaf3;box-shadow:0 10px #e4eaf3,0 22px #2c67bc}
#loginAppearanceSection .login-thumb-solution{background:linear-gradient(90deg,#fff 45%,#e2eee5 45%)}
#loginAppearanceSection .login-thumb-solution::before{width:24%;height:5px;left:10%;top:26px;background:#dce6e0;box-shadow:0 12px #dce6e0,0 28px #285b42}
#loginAppearanceSection .login-thumb-solution::after{width:38%;height:38px;right:8%;top:24px;background:#fff;border:1px solid #b3caba;border-radius:5px;transform:rotate(-8deg);box-shadow:6px 6px #c3d8c8}
#loginAppearanceSection .login-design-copy{display:block;padding:10px 5px 5px;line-height:1.6}
#loginAppearanceSection .login-design-copy strong{display:block;font-size:var(--fs-base);font-weight:700}
#loginAppearanceSection .login-design-copy small{display:block;color:var(--ink-soft);font-size:var(--fs-small);margin-top:2px}
#loginAppearanceSection .login-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 11px;font-size:var(--fs-small)}
#loginAppearanceSection .login-preview-devices{display:flex;gap:6px}
#loginAppearanceSection .login-preview-devices button{font:inherit;min-height:42px;padding:8px 13px;border-radius:8px;border:1px solid var(--line);color:var(--ink-soft);background:var(--panel);cursor:pointer}
#loginAppearanceSection .login-preview-devices button[aria-pressed=true]{border-color:var(--accent)!important;color:var(--accent);background:var(--accent-10)!important}
#loginAppearanceSection .login-preview-area{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;overflow:hidden}
#loginAppearanceSection iframe{display:block;width:100%;height:720px;margin:0 auto;border:0;border-radius:10px;background:var(--panel)}
#loginAppearanceSection .login-preview-area[data-device=mobile] iframe{max-width:390px}
#loginAppearanceSection .login-appearance-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}
#loginAppearanceSection .login-appearance-actions button{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:11px 17px;color:var(--ink);background:var(--panel);cursor:pointer}
#loginAppearanceSection #saveLoginAppearance{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important;font-weight:700}
#loginAppearanceSection .login-appearance-status{font-size:var(--fs-small);line-height:1.8;color:var(--ink-soft);min-height:1.8em;margin:12px 0 0}
#loginAppearanceSection .login-appearance-status[data-kind=error]{color:var(--bad)}
@media(max-width:850px){#loginAppearanceSection .login-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){#loginAppearanceSection .login-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#loginAppearanceSection .login-preview-area{padding:0;border-radius:10px}#loginAppearanceSection .login-design-thumb{height:83px}#loginAppearanceSection .login-design-copy{padding:8px 3px 3px}#loginAppearanceSection .login-appearance-actions button{flex:1;min-width:130px;padding:11px 9px}}

#loginAppearanceSection .login-thumb-aurora{background:radial-gradient(ellipse at 30% 50%,#1c605a,#06131f)}
#loginAppearanceSection .login-thumb-aurora:before{width:45px;height:45px;left:15%;top:21px;border-radius:50%;border:2px solid #8dffdc;box-shadow:0 0 15px #58ffd7,inset 0 0 18px #2cb69d}
#loginAppearanceSection .login-thumb-aurora:after{width:30px;height:59px;right:15%;top:13px;border:1px solid #82dcd4;border-radius:8px;background:#18313e}
#loginAppearanceSection .login-thumb-prism{background:conic-gradient(from 45deg,#f7f0ff,#c8eeed,#f9dfee,#e1d7ff,#f7f0ff)}
#loginAppearanceSection .login-thumb-prism:before{width:65px;height:40px;left:15%;top:26px;border:6px solid #c2a6e0;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 2px #fff8}
#loginAppearanceSection .login-thumb-prism:after{width:37px;height:62px;left:calc(50% - 18px);top:12px;background:#fff;border-radius:8px;border:1px solid #dacde6;box-shadow:3px 4px #e8d5f699}
#loginAppearanceSection .login-thumb-luminous{background:radial-gradient(circle at 29% 57%,#c78a62,#30233e 48%,#141528 80%)}
#loginAppearanceSection .login-thumb-luminous:before{width:37px;height:32px;left:14%;top:35px;background:#ae7159;border-top:10px solid #60627e;transform:skewY(-12deg);box-shadow:0 9px 15px #ffdc752b}
#loginAppearanceSection .login-thumb-luminous:after{width:32px;height:59px;right:14%;top:15px;background:#292238;border-radius:8px;border:1px solid #c19667}

#loginAppearanceSection .login-thumb-dawn{background:linear-gradient(90deg,transparent 62%,#faf8ef 62%),linear-gradient(#f9d6ab 45%,#b4bea0 65%,#667b55)}
#loginAppearanceSection .login-thumb-dawn:before{left:27%;bottom:20px;width:32px;height:21px;background:#e8dbc0;border-top:5px solid #7a816c;box-shadow:-30px -2px 0 -5px #748569}
#loginAppearanceSection .login-thumb-dawn:after{right:7%;top:22px;width:23%;height:5px;background:#d1d8c8;box-shadow:0 13px #d1d8c8,0 29px #355b49}
#loginAppearanceSection .login-thumb-fence{background:radial-gradient(ellipse at 50% 100%,#405332,transparent 65%),linear-gradient(#122f29 45%,#293c29)}
#loginAppearanceSection .login-thumb-fence:before{left:7%;top:23px;width:86%;height:40px;border:1px solid #dfc17f;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 7px #d8b16645}
#loginAppearanceSection .login-thumb-fence:after{content:'들어가기';left:calc(50% - 33px);top:49px;width:66px;height:20px;display:grid;place-items:center;border:1px solid #d7bb79;border-radius:999px;background:#263b2c;color:#ffedbd;font-size:8px;font-weight:600;letter-spacing:1px;box-shadow:0 2px 8px #14211955}
#loginAppearanceSection .login-thumb-fence-day{background:radial-gradient(ellipse at 25% 15%,#fff4d2,transparent 60%),linear-gradient(#c5e1df 45%,#8eae6c 68%,#668750)}
#loginAppearanceSection .login-thumb-fence-day:before{border-color:#b99548;box-shadow:0 0 7px #f9e2a34d}
#loginAppearanceSection .login-thumb-fence-day:after{background:#f4edcf;color:#294333;border-color:#af8f44;box-shadow:0 2px 8px #36543833}
#loginAppearanceSection .login-thumb-fence-auto{background:linear-gradient(90deg,transparent 50%,#122f29 50%,#344a30),radial-gradient(ellipse at 25% 15%,#fff4d2,transparent 60%),linear-gradient(#c5e1df 45%,#8eae6c 68%,#668750)}
#loginAppearanceSection .login-thumb-memory{background:linear-gradient(#f4efe3 51%,#d8c6a4 52%,#a19778)}
#loginAppearanceSection .login-thumb-memory:before{left:9%;bottom:11px;width:35px;height:20px;background:#e6dcc7;border-top:4px solid #928c72;box-shadow:65px 0 0 -3px #b7aa88}
#loginAppearanceSection .login-thumb-memory:after{right:10%;top:18px;width:30%;height:4px;background:#bbae98;box-shadow:0 10px #bbae98,0 22px #6c7053}