* {box-sizing:border-box;}
html {min-height:100%;}
body {min-height:100%;margin:0;background:#fff;color:#333;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;overflow-x:hidden;}
a {color:inherit;}
.apk-design-shell {position:relative;min-height:100vh;overflow:hidden;background:#fff;}
.apk-design-inner {position:relative;z-index:1;max-width:1180px;min-height:760px;margin:0 auto;padding:46px 48px 36px;}
.design-header {display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:32px;}
.design-title {min-width:0;margin:0;color:#333;font-size:40px;font-weight:500;line-height:1.15;word-break:keep-all;overflow-wrap:anywhere;}
.brand-logo {display:block;width:240px;height:auto;object-fit:contain;}
.design-content {display:grid;grid-template-columns:minmax(420px, 520px) minmax(320px, 1fr);gap:36px;align-items:start;}
.download-area {position:relative;z-index:2;min-width:0;}
.mode-bar {position:relative;z-index:3;display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:18px;padding:3px;border:1px solid #d7e7f6;background:rgba(255,255,255,.96);box-shadow:0 2px 7px rgba(0,106,223,.12);}
.mode-link {min-width:68px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#006ADF;font-size:12px;font-weight:700;padding:0 13px;text-decoration:none;}
.mode-link.active {background:#0081F4;color:#fff;}
.env-TEST .mode-bar {border-color:#8bc9ff;box-shadow:0 3px 10px rgba(0,106,223,.18);}
.empty-state {border:1px dashed #cbd5e1;background:#fff;padding:28px;color:#6b7280;text-align:center;font-size:14px;}
.hero-art-wrap {display:flex;align-items:center;justify-content:center;padding-top:156px;}
.hero-art {width:100%;max-width:444px;height:auto;object-fit:contain;}
.download-icon {width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50% 50% 50% 0;background:#fff;line-height:1;}
.download-icon img {display:block;width:20px;height:17px;object-fit:contain;}
.panel-tab span:last-child {min-width:0;word-break:keep-all;overflow-wrap:anywhere;}
.version-link {min-width:0;color:#0018a8;font-size:16px;line-height:1.35;text-decoration:none;word-break:break-all;}
.version-meta {display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;}
.version-badge {height:22px;display:inline-flex;align-items:center;border:1px solid #d9e5ef;background:#f8fbfd;color:#4b5563;font-size:11px;font-weight:700;padding:0 7px;white-space:nowrap;}
.version-badge.version-name {width:72px;justify-content:center;padding:0;}
.version-badge.release-real,
.version-badge.release-test {width:44px;justify-content:center;padding:0;}
.version-badge.release-real {border-color:#a5d7f6;background:#eff8ff;color:#075985;}
.version-badge.release-test {border-color:#abcfa3;background:#f0f9ee;color:#166534;}
.panel-list {padding-top:2px;}
.panel-block {position:relative;margin:0 0 42px 18px;}
.panel-tab {position:relative;z-index:2;display:inline-flex;align-items:center;gap:14px;min-width:208px;max-width:100%;height:56px;border-radius:32px 36px 36px 0;background:#0081F4;color:#fff;padding:0 28px 0 8px;box-shadow:8px 8px 0 #006ADF;font-size:14px;font-weight:700;line-height:1.2;}
.panel-box {width:100%;min-height:110px;margin-top:-18px;border:1px solid #e2e8f0;border-radius:0 8px 8px 8px;background:#fff;padding:34px 18px 18px;box-shadow:0 4px 5px rgba(15, 23, 42, .16);}
.panel-row {display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f7;}
.panel-row:last-child {border-bottom:0;}
.design2 .hero-art-wrap {padding-top:146px;}

@media (max-width:1080px) {
	.apk-design-inner {padding-right:34px;padding-left:34px;}
	.design-content {grid-template-columns:minmax(390px, 500px) minmax(280px, 1fr);gap:28px;}
	.hero-art-wrap {padding-top:142px;}
	.hero-art {max-width:410px;}
}

@media (max-width:960px) {
	.apk-design-inner {padding:32px 22px 34px;}
	.design-title {font-size:34px;}
	.design-content {position:relative;grid-template-columns:1fr;gap:0;}
	.hero-art-wrap {position:absolute;top:44px;right:-56px;z-index:0;width:390px;padding-top:0;opacity:.13;pointer-events:none;}
	.hero-art {max-width:390px;}
}

@media (max-width:620px) {
	.apk-design-inner {min-height:100vh;padding:26px 16px 30px;}
	.design-header {align-items:center;gap:14px;margin-bottom:22px;}
	.design-title {font-size:28px;}
	.brand-logo {width:128px;}
	.mode-bar {gap:6px;margin-bottom:16px;}
	.mode-link {height:32px;padding:0 10px;flex:0 0 auto;}
	.panel-tab {max-width:calc(100% - 8px);min-width:min(208px, calc(100% - 8px));min-height:56px;height:auto;padding:5px 20px 5px 6px;gap:10px;}
	.download-icon {width:40px;height:40px;flex-basis:40px;}
	.download-icon img {width:18px;height:15px;}
	.panel-row {grid-template-columns:1fr;}
	.panel-row.has-version {grid-template-columns:minmax(0, 1fr) auto;}
	.version-meta {justify-content:flex-start;}
	.panel-block {margin-left:0;margin-bottom:28px;}
	.panel-box {margin-top:-16px;}
	.hero-art-wrap {position:absolute;top:6px;right:-76px;z-index:0;width:300px;padding-top:0;opacity:.16;pointer-events:none;}
	.hero-art {max-width:300px;}
}

@media (max-width:420px) {
	.apk-design-inner {padding:22px 12px 28px;}
	.design-header {gap:10px;margin-bottom:20px;}
	.design-title {font-size:24px;line-height:1.22;}
	.brand-logo {width:104px;}
	.mode-link {min-width:calc(50% - 3px);padding:0 8px;}
	.version-link {font-size:15px;}
	.version-meta {gap:4px;}
	.panel-box {padding:32px 14px 16px;}
	.hero-art-wrap {right:-88px;width:270px;opacity:.13;}
	.hero-art {max-width:270px;}
}