:root{color-scheme:light;font-family:Courier New,Microsoft YaHei,ui-monospace,SFMono-Regular,Menlo,monospace;--paper: #fff7e8;--paper-soft: #fffaf0;--ink: #262b2b;--muted: #8b8171;--line: #8d8067;--line-dark: #3f4339;--line-soft: #d8c8a5;--green: #7fa58c;--green-dark: #425f4f;--green-light: #b9d2bd;--cream: #f7edd9;--danger: #a94b3b;--shadow: #d7c7a6;--radius: 0}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(90deg,rgb(64 67 57 / .05) 1px,transparent 1px),linear-gradient(rgb(64 67 57 / .05) 1px,transparent 1px),#f1e4c8;background-size:18px 18px;color:var(--ink)}button,input,select{font:inherit}.app{min-height:100dvh;padding:10px}.pixel-hero,.panel{position:relative;border:3px solid var(--line-dark);background:var(--paper);box-shadow:0 0 0 3px var(--line-soft) inset,5px 5px 0 var(--shadow)}.pixel-hero:before,.panel:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;border:1px solid rgb(141 128 103 / .45)}.nav-btn,.tab-btn,.mini-btn{min-height:34px;border:2px solid var(--line-dark);background:var(--cream);color:var(--ink);cursor:pointer;font-weight:900;box-shadow:3px 3px 0 var(--shadow)}.nav-btn{padding:0 14px}.nav-btn.active,.tab-btn.active{background:var(--green);color:#fffaf0;text-shadow:2px 2px 0 var(--green-dark)}.status-pill{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 12px;border:2px solid var(--line-dark);background:#edf5e8;color:var(--green-dark);font-size:13px;font-weight:900;white-space:nowrap;box-shadow:3px 3px 0 var(--shadow)}.status-pill.warn{background:#fff1cc;color:#7f4e22}.status-dot{width:9px;height:9px;background:currentColor}.pixel-home{position:relative;isolation:isolate;width:min(1440px,100%);margin:0 auto 28px}.pixel-home>.pixel-hero,.pixel-home>.pixel-main{position:relative;z-index:1}.pixel-bamboo{position:fixed;z-index:0;top:118px;bottom:24px;width:82px;pointer-events:none;opacity:.26}.pixel-bamboo:before{content:"";position:absolute;top:4px;bottom:0;left:37px;width:9px;background:repeating-linear-gradient(180deg,#54765d 0,#54765d 38px,#314b3a 38px,#314b3a 44px,#78977a 44px,#78977a 48px);box-shadow:5px 0 #364b3a38}.bamboo-left{left:3px}.bamboo-right{right:3px;transform:scaleX(-1)}.bamboo-leaf{position:absolute;left:42px;width:38px;height:22px;background:#54765d;clip-path:polygon(0 40%,18% 18%,62% 0,100% 20%,82% 62%,38% 100%,10% 78%);image-rendering:pixelated;box-shadow:3px 3px #314b3a2e;transform-origin:left center}.bamboo-leaf:nth-child(1){top:4%;transform:rotate(-24deg)}.bamboo-leaf:nth-child(2){top:17%;left:4px;transform:scaleX(-1) rotate(-18deg)}.bamboo-leaf:nth-child(3){top:31%;transform:rotate(18deg)}.bamboo-leaf:nth-child(4){top:47%;left:3px;transform:scaleX(-1) rotate(8deg)}.bamboo-leaf:nth-child(5){top:62%;transform:rotate(-16deg)}.bamboo-leaf:nth-child(6){top:76%;left:5px;transform:scaleX(-1) rotate(-25deg)}.bamboo-leaf:nth-child(7){top:89%;transform:rotate(12deg)}.pixel-hero{display:grid;grid-template-columns:150px 1fr minmax(260px,auto);min-height:112px;align-items:center;gap:18px;padding:14px 30px}.hero-panda{position:relative;width:132px;height:88px;overflow:hidden;background:#fff5df;cursor:pointer;isolation:isolate;animation:panda-drift 4.8s steps(5,end) infinite;transition:filter .16s steps(2,end),transform .16s steps(2,end)}.hero-panda:before{content:"";position:absolute;top:4px;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff7e8 0 6px,transparent 18px calc(100% - 18px),#fff7e8 calc(100% - 6px)),linear-gradient(180deg,#fff7e8 0 3px,transparent 16px calc(100% - 14px),#fff7e8 calc(100% - 3px));mix-blend-mode:lighten;opacity:.72}.hero-panda:after{content:"";position:absolute;left:18px;right:12px;bottom:5px;height:8px;z-index:-1;background:#50493c29;transform:skew(-18deg);transition:transform .16s steps(2,end),opacity .16s steps(2,end)}.hero-panda:hover,.hero-panda.interactive{animation:panda-hover .52s steps(4,end) infinite;filter:saturate(1.06) contrast(1.04)}.hero-panda:hover:after,.hero-panda.interactive:after{opacity:.28;transform:translateY(3px) skew(-18deg) scaleX(.78)}.design-panda-logo{position:absolute;top:-6px;right:-14px;bottom:-8px;left:-4px;display:block;background-image:url(/panda-reference.webp);background-position:-27px -18px;background-repeat:no-repeat;background-size:1120px 630px;image-rendering:pixelated;mix-blend-mode:multiply;filter:saturate(.95) contrast(1.06);transition:transform .16s steps(2,end)}.hero-panda:hover .design-panda-logo,.hero-panda.interactive .design-panda-logo{transform:translateY(-3px) rotate(-1deg)}.hero-title{display:flex;align-items:baseline;justify-content:center;gap:20px;color:var(--ink);font-family:Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(30px,3.8vw,54px);font-weight:900;letter-spacing:0;line-height:1;text-shadow:2px 0 0 #d8c8a5,0 2px 0 #d8c8a5,2px 2px 0 #d8c8a5;-webkit-font-smoothing:none;text-rendering:geometricPrecision}.hero-title strong{color:#719c82;font-size:.9em;font-family:Impact,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.hero-valid{display:inline-flex;align-items:center;justify-self:end;gap:10px;font-size:clamp(14px,1.5vw,20px);font-weight:900}.pixel-icon{color:var(--green-dark);font-size:28px}.pixel-main{margin-top:16px}.stack{display:grid;gap:20px}.panel{border-radius:var(--radius)}.pixel-panel{padding-top:18px}.panel-header{position:relative;z-index:1;display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 12px}.panel-title{display:inline-flex;min-height:42px;align-items:center;margin:0;padding:0 22px;border:3px solid var(--line-dark);background:var(--green);color:#fffaf0;font-size:21px;font-weight:900;text-shadow:2px 2px 0 var(--green-dark);box-shadow:0 0 0 3px #ffffff40 inset,4px 4px 0 var(--shadow)}.panel-note{color:var(--muted);font-size:13px;font-weight:900}.supported-disks{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.supported-disk{display:inline-flex;min-height:36px;align-items:center;padding:0 14px;border:2px solid var(--green-dark);background:#edf5e8;color:var(--green-dark);font-size:14px;font-weight:900;box-shadow:0 0 0 2px #ffffff80 inset,3px 3px 0 var(--shadow)}.panel-body{position:relative;z-index:1;padding:18px 28px 26px}.form-grid{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(280px,1fr) 220px;gap:26px;align-items:start}.field{display:grid;gap:10px}.field-hint{min-height:18px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.field-error{color:var(--danger)}.hecate-captcha{display:grid;grid-template-columns:132px minmax(110px,1fr) auto;align-items:center;gap:8px;padding:8px;border:2px solid var(--line-soft);background:#fffaf0}.hecate-captcha img{width:132px;height:42px;object-fit:contain;image-rendering:pixelated}.hecate-captcha .captcha-input{height:42px;min-width:0;padding:0 10px;font-size:16px;box-shadow:2px 2px 0 var(--shadow)}.hecate-captcha .mini-btn{min-height:42px;padding:0 10px}.captcha-note{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:700}input.input-error{border-color:var(--danger);background:#fff3f0;box-shadow:4px 4px #d9aaa0}.field label{color:var(--ink);font-size:18px;font-weight:900}.admin-form h3,.panel-body h3{margin:0 0 12px;color:var(--ink);font-size:16px}input,select{width:100%;height:58px;border:3px solid var(--line);border-radius:0;background:#fffdf5;color:var(--ink);outline:none;padding:0 16px;font-size:20px;font-weight:900;box-shadow:0 0 0 4px #efe1c2 inset,4px 4px 0 var(--shadow)}input::placeholder{color:#b8aea0}input:focus,select:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px var(--green-light) inset,4px 4px 0 var(--shadow)}.submit-row{display:flex;align-items:end;justify-content:center;grid-column:1 / -1}.btn{display:inline-flex;min-width:132px;height:54px;align-items:center;justify-content:center;gap:10px;border:3px solid var(--line-dark);border-radius:0;padding:0 20px;background:var(--green);color:#fffaf0;font-size:18px;font-weight:900;text-decoration:none;text-shadow:2px 2px 0 var(--green-dark);box-shadow:0 0 0 3px #fff3 inset,5px 5px 0 var(--green-dark);cursor:pointer}.btn:hover{transform:translate(1px,1px);box-shadow:0 0 0 3px #fff3 inset,4px 4px 0 var(--green-dark)}.btn:disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:.48}.pixel-primary{min-width:360px;height:66px;font-size:28px}.play-icon{font-size:24px}.btn-secondary{background:#708b90;box-shadow:0 0 0 3px #fff3 inset,5px 5px #40545a}.btn-muted{background:var(--cream);color:var(--ink);text-shadow:none;box-shadow:0 0 0 3px #ffffff40 inset,5px 5px 0 var(--shadow)}.btn.ghost{min-width:118px;height:42px;padding:0 14px;background:var(--cream);color:var(--green-dark);font-size:15px;text-shadow:none;box-shadow:4px 4px 0 var(--shadow)}.result-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.metric{position:relative;display:grid;min-height:112px;grid-template-columns:58px 1fr;align-items:center;column-gap:14px;padding:18px;border:3px solid var(--line);background:#fffdf5;box-shadow:0 0 0 4px #efe1c2 inset,4px 4px 0 var(--shadow)}.metric-icon{grid-row:span 2;color:var(--green-dark);font-size:42px;line-height:1}.metric-label{color:var(--ink);font-size:20px;font-weight:900}.metric-value{overflow:hidden;color:var(--muted);font-size:16px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.metric-validity{grid-template-columns:44px 1fr}.metric-validity .metric-icon{font-size:34px}.metric-validity .metric-value{overflow:visible;font-size:13px;line-height:1.35;text-overflow:clip;white-space:normal;word-break:keep-all}.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px;padding-top:24px;border-top:3px dashed #e4d8be}.pixel-button{width:100%;min-width:0}.software-downloads{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:16px;border:3px solid var(--green-dark);background:#eef6e9;box-shadow:4px 4px 0 var(--shadow)}.software-download-copy{display:grid;gap:5px;min-width:0}.software-download-copy strong{color:var(--green-dark);font-size:17px}.software-download-copy span{color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}.software-download-actions{display:flex;flex-shrink:0;gap:12px}.software-btn{min-width:150px;height:46px;padding:0 14px;font-size:15px}.software-btn.recommended{border-color:var(--green-dark)}.status-line{min-height:22px;margin-top:14px;color:var(--muted);font-size:14px;font-weight:900}.motrix-standalone{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;overflow:auto;background:#fff;color:#263238;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}.motrix-task-page{display:grid;min-height:100dvh;place-items:center;padding:24px;background:#fff}.motrix-task-panel{display:grid;width:min(560px,100%);justify-items:center;gap:18px;padding:40px 30px;border:0;background:#fff;box-shadow:none;text-align:center}.motrix-task-logo{width:132px;height:88px;overflow:hidden;background:#fff5df}.motrix-task-logo .design-panda-logo{display:block;width:100%;height:100%}.motrix-task-panel h1{margin:0;color:#263238;font-size:24px;font-weight:700;letter-spacing:0}.motrix-task-status{min-height:28px;margin:0;color:#607d6b;font-size:16px;font-weight:600;line-height:1.6}.motrix-task-status.is-success{color:#4f8060}.motrix-task-status.is-error{color:#b54b42}.motrix-task-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.motrix-task-button{min-width:120px;min-height:42px;border:1px solid #c7d1cc;border-radius:4px;padding:0 18px;background:#fff;color:#43534b;font-size:15px;font-weight:600;cursor:pointer;box-shadow:none}.motrix-task-button.primary{border-color:#6e9c7e;background:#6e9c7e;color:#fff}.motrix-task-button:hover{filter:brightness(.97)}.admin-shell{width:min(1180px,calc(100% - 32px));margin:20px auto 32px}.error-line{color:var(--danger)}.error-alert{display:flex;gap:18px;padding:22px;margin-bottom:22px;border:4px solid var(--danger);background:#fff3f0;box-shadow:0 0 0 4px #f9d9cf inset,6px 6px 0 var(--shadow);animation:error-pulse .6s ease-out}.error-icon{font-size:48px;line-height:1;flex-shrink:0}.error-content{flex:1}.error-title{color:var(--danger);font-size:22px;font-weight:900;margin-bottom:8px}.error-message{color:#6b3a30;font-size:16px;font-weight:700;line-height:1.6}.error-note,.metric-error{color:var(--danger)}.result-hide,.actions-hide{display:none}@keyframes error-pulse{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.login-panel{max-width:460px;margin:0 auto}.admin-form{display:grid;gap:12px}.form-actions,.row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.admin-grid .wide{grid-column:span 2}.cdkey-filter-grid{margin-bottom:12px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab-btn{padding:0 14px}.check-row{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;font-weight:900}.check-row input{width:16px;height:16px}.table-wrap{width:100%;overflow:auto;margin:10px 0 18px;border:3px solid var(--line);background:#fffdf5}table{width:100%;min-width:760px;border-collapse:collapse;background:#fffdf5;font-size:13px}th,td{padding:10px 12px;border-bottom:2px solid #e5d8bf;text-align:left;vertical-align:top}th{background:#f2e5c8;color:var(--ink);font-weight:900;white-space:nowrap}td{color:#2f342f;font-weight:700}tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7efd8}.clickable-row.selected{background:#e8f2df;box-shadow:inset 4px 0 0 var(--green-dark)}.url-cell{max-width:320px;word-break:break-all}.mini-btn{padding:0 10px}.mini-btn:disabled{cursor:not-allowed;opacity:.45}.mini-btn.danger{border-color:#74352c;background:#f4d8ce;color:#74352c}.filter-row{display:grid;grid-template-columns:minmax(240px,1fr) 180px 120px;gap:12px;align-items:center;margin-bottom:14px}.created-key{margin-top:14px;padding:12px;border:3px solid var(--green-dark);background:#edf5e8;color:var(--green-dark);font-weight:900;box-shadow:4px 4px 0 var(--shadow)}.generated-batches{display:grid;gap:14px;margin-top:14px}.generated-batches .created-key{margin-top:0}.generated-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}summary.generated-summary{cursor:pointer;list-style-position:inside}summary.generated-summary::marker{color:var(--green-dark)}.generated-codes{width:100%;min-height:180px;max-height:360px;margin-top:12px;padding:12px;resize:vertical;overflow:auto;border:2px solid var(--line);background:#fffaf0;color:var(--ink);font:700 14px/1.7 Courier New,monospace;box-sizing:border-box}.admin-header-actions{display:inline-flex;gap:10px;flex-wrap:wrap}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;color:var(--muted);font-size:14px;font-weight:700}.pagination-actions,.page-size-control{display:flex;align-items:center;gap:8px}.page-size-select{width:auto;min-width:86px;height:36px;padding:4px 26px 4px 10px;border-width:2px;font-size:14px;box-shadow:2px 2px 0 var(--shadow)}@keyframes panda-drift{0%,to{transform:translate(0)}25%{transform:translate(5px,-2px)}50%{transform:translate(9px)}75%{transform:translate(4px,2px)}}@keyframes panda-hover{0%,to{transform:translateY(-2px)}25%{transform:translate(4px,-7px)}50%{transform:translate(8px,-3px)}75%{transform:translate(3px,1px)}}@media (prefers-reduced-motion: reduce){.hero-panda{animation:none}}@media (max-width: 1100px){.pixel-bamboo{opacity:.15}.pixel-hero{grid-template-columns:132px 1fr}.hero-valid{grid-column:1 / -1;justify-self:center}.form-grid,.result-strip,.actions,.admin-two-col,.admin-grid,.filter-row{grid-template-columns:1fr}.software-downloads{align-items:stretch;flex-direction:column}.software-download-actions{flex-wrap:wrap}.admin-grid .wide{grid-column:auto}.submit-row{align-items:stretch}.pixel-primary,.submit-row .btn{width:100%;min-width:0}}@media (max-width: 640px){.app{padding:6px}.pixel-hero{align-items:flex-start;grid-template-columns:1fr;padding:14px}.hero-panda{justify-self:center}.hero-title{flex-wrap:wrap;justify-content:center;gap:10px;font-size:34px}.hero-valid{font-size:15px}.panel-header,.panel-body{padding-left:16px;padding-right:16px}.panel-header{align-items:flex-start;flex-direction:column}.supported-disks{justify-content:flex-start}input,select{font-size:16px}.pixel-primary{height:58px;font-size:22px}.pixel-bamboo{display:none}.hecate-captcha{grid-template-columns:1fr auto}.hecate-captcha img{grid-column:1 / -1}.pagination-bar{align-items:flex-start;flex-direction:column}.pagination-actions{width:100%;flex-wrap:wrap}}