@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;600;700;800&display=swap');
:root{--content-max:1200px;--bg-app:#0a0d14;--bg-sidebar:#0f131a;--bg-card:rgba(22,28,38,.65);--bg-input:#1a222f;--border-glass:rgba(255,255,255,.06);--border-glass-hover:rgba(255,255,255,.12);--gold:#e5c158;--primary:#3b82f6;--primary-hover:#60a5fa;--text-main:#f0f3f8;--text-muted:#8b99a8;--radius-lg:16px;--radius-md:10px;--bg:var(--bg-app);--panel:var(--bg-card);--line:var(--border-glass);--text:var(--text-main);--muted:var(--text-muted);--green:#10b981}
body{font-family:'Outfit','Noto Sans KR',sans-serif;background-color:var(--bg-app);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(229,193,88,.05) 0,transparent 50%)}
.app-shell{max-width:1560px;margin:auto;display:flex;min-height:100vh;border-left:1px solid var(--border-glass);border-right:1px solid var(--border-glass)}
.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-glass);padding:24px 0;position:sticky;top:0;height:100vh;flex-shrink:0;display:flex;flex-direction:column;box-shadow:4px 0 24px #0004}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 24px 32px;border-bottom:1px solid var(--border-glass)}.sidebar-brand img{width:68px;height:auto;filter:drop-shadow(0 2px 8px #e5c15840)}.brand-title{font-size:20px;font-weight:800;letter-spacing:1px}.brand-subtitle{font-size:11px;color:var(--text-muted);margin-top:5px}.sidebar-menu{padding:20px 14px;display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;gap:12px;align-items:center;padding:14px 18px;text-decoration:none;color:var(--text-muted);font-size:15px;border-radius:10px}.menu-item:hover{background:#ffffff08;color:var(--text-main)}.menu-item.active{color:var(--gold);background:linear-gradient(90deg,#e5c1581a,#e5c15805);border-left:3px solid var(--gold);font-weight:600}.menu-icon{width:20px;font-size:18px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border-glass);padding:18px 24px;color:var(--text-muted);font-size:11px;line-height:1.9}.workspace{flex:1;min-width:0}.main-header{height:80px;padding:0 40px;border-bottom:1px solid var(--border-glass);background:#0a0d14eb;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.main-header h1{font-size:24px;font-weight:700;letter-spacing:-.5px}.main-header .badge{color:var(--text-muted);background:#ffffff08;border-color:var(--border-glass)}
main{max-width:var(--content-max);padding:28px 40px;margin:0 auto}.hero{padding:4px 0 20px;align-items:flex-start}.hero h1{font-size:22px;letter-spacing:-.6px}.hero br{display:none}.hero h1 em{margin-left:8px}.eyebrow{display:none}.sub{font-size:12px;margin-top:10px;line-height:1.8}.hero-number{border:1px solid var(--border-glass);border-radius:10px;padding:12px 16px;white-space:nowrap}.hero-number>span{font-size:11px}.hero-number strong{font-size:28px;display:inline;margin-left:12px}.hero-number strong span{font-size:12px}.hero-number small{display:block;font-size:10px;margin-top:6px}
.panel,.core{border-radius:var(--radius-lg);box-shadow:0 8px 32px #0002}.panel{padding:24px}.core{padding:20px}.section-head h2,.action h2{font-size:16px}.notice{background:#e5c1580b;border-color:#e5c15825;border-radius:10px}.primary{background:linear-gradient(135deg,var(--primary),#2563eb);color:white;border-radius:10px;box-shadow:0 4px 14px #3b82f633;font-weight:600;font-size:14px;padding:12px 20px}.primary:hover{background:linear-gradient(135deg,var(--primary-hover),#3b82f6);box-shadow:0 6px 20px #3b82f64d}.secondary{background:#ffffff0d;border:1px solid var(--border-glass);border-radius:10px;font-weight:600;font-size:12px}.secondary:hover{background:#ffffff1a;border-color:var(--border-glass-hover)}input,select{background:var(--bg-input);border-color:var(--border-glass-hover)}input:focus,select:focus{outline-color:var(--primary)}.action{padding:24px 0}.step{background:#3b82f61a;color:var(--primary-hover)}.best{background:var(--bg-card);border-color:#e5c1584d;border-radius:16px}.metric{font-family:'Outfit','Noto Sans KR',sans-serif;font-weight:600}.core-grid{gap:16px}.gem{grid-template-columns:20px 66px 40px 40px 1fr 1fr;gap:5px}.gem .effect{flex-direction:column}.gem .effect input{width:100%}.price-state{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff03;margin:12px 0}.price-state .check{margin:0;white-space:nowrap}.price-state p{margin:0;font-size:11px;color:var(--text-muted);line-height:1.8}.weight-note{padding:14px;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff03;margin-top:14px}.weight-note table td,.weight-note table th{font-size:11px;padding:8px}.weight-note p{font-size:12px;line-height:1.8;color:var(--text-muted)}
@media(min-width:1700px){.core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:220px}.sidebar-brand{padding:0 18px 24px}.sidebar-brand img{width:50px}.brand-title{font-size:17px}main{padding:24px}.main-header{padding:0 24px}.core-grid{grid-template-columns:1fr}.hero-number{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px 16px;border-right:0;border-bottom:1px solid var(--border-glass)}.sidebar-brand{padding:0;border:0}.sidebar-brand img{width:46px}.sidebar-menu{padding:14px 0 0;display:flex;flex-direction:row;overflow:auto;gap:8px}.menu-item{font-size:12px;padding:8px 12px;white-space:nowrap}.menu-item.active{border-left:0;border-bottom:2px solid var(--gold)}.sidebar-bottom{display:none}.main-header{height:64px;padding:0 16px;position:static}.main-header h1{font-size:20px}main{padding:20px 16px}.hero h1{font-size:18px}.hero h1 em{display:block;margin-left:0}.price-state{flex-direction:column;align-items:flex-start}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

.currency-box{margin:18px 0;padding:16px;border:1px solid var(--border-glass);border-radius:10px;background:#ffffff03}.currency-box input{max-width:280px;display:block}.currency-box .help{margin:8px 0 0}

.sidebar-menu .menu-item>i{width:20px;flex-shrink:0;text-align:center;font-size:18px}