:root{--color-bg:#343434;--color-accent:#ddffe7;--color-disabled:#888;--color-disabled-bg:#222;--font-pixel:"Press Start 2P",monospace;--font-size-xs:8px;--font-size-sm:10px;--font-size-md:12px;--spacing-xs:5px;--spacing-sm:8px;--spacing-md:10px;--spacing-lg:15px;--spacing-xl:20px;--spacing-2xl:30px;--spacing-3xl:40px;--border-thin:2px solid var(--color-accent);--border-thick:3px solid var(--color-accent);--border-dashed-thick:3px dashed var(--color-accent);--line-height:1.6}body{margin:0}.btn,body{background-color:var(--color-bg);font-family:var(--font-pixel);color:var(--color-accent)}.btn{border:var(--border-thin);padding:8px 12px;cursor:pointer;font-size:var(--font-size-xs)}.btn-large{padding:10px 20px;font-size:var(--font-size-sm)}.btn-full-width{width:100%}.btn-disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled);cursor:not-allowed}.btn-x{color:var(--color-accent);cursor:pointer;font-family:var(--font-pixel);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;line-height:1}.btn-x,.btn-x-inline{border:var(--border-thin);background-color:var(--color-bg);padding:4px}.btn-x-inline{display:inline-block;line-height:8px}.pixel-box{border:var(--border-thick);padding:var(--spacing-xl);background-color:var(--color-bg)}.pixel-box-mb,.pixel-header{margin-bottom:var(--spacing-xl)}.pixel-header{border:var(--border-thick);padding:var(--spacing-lg)}.drop-zone,.pixel-header{background-color:var(--color-bg)}.drop-zone{border:var(--border-dashed-thick);padding:var(--spacing-3xl);text-align:center;cursor:pointer;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.section-title{font-size:var(--font-size-md);border-bottom:var(--border-thin);padding-bottom:var(--font-size-xs)}.section-title,.subsection-title{margin-bottom:var(--spacing-lg);text-transform:uppercase}.subsection-title{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-disabled{color:var(--color-disabled)}.word-break-all{word-break:break-all}.input-text{width:100%;padding:var(--spacing-md);color:var(--color-accent);font-family:var(--font-pixel);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xl)}.input-checkbox,.input-text{border:var(--border-thin);background-color:var(--color-bg)}.input-checkbox{width:16px;height:16px;margin-top:2px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;flex-shrink:0}.input-checkbox:checked:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-color:var(--color-accent)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.overlay-content{border:var(--border-thick);padding:var(--spacing-2xl);background-color:var(--color-bg);max-width:500px;width:90%}.logo{width:30px;height:30px;border:var(--border-thin);background-color:var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-size:20px;line-height:normal}.progress-bar{font-size:var(--font-size-md);letter-spacing:2px}.message-box{padding:var(--spacing-md);background-color:#000;color:var(--color-accent);font-size:var(--font-size-xs);margin-bottom:var(--spacing-xl);word-break:break-word;white-space:pre-line}.message-box-error{border:var(--border-thick);border-color:#ff4c4c;background-color:#1a0000}.pixel-page{min-height:100vh;padding:var(--spacing-xl);font-size:var(--font-size-sm);line-height:var(--line-height);box-sizing:border-box}.certificate-page{display:flex;flex-direction:column}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.certificate-main{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:800px;width:100%;margin:0 auto}.certificate-section{gap:var(--spacing-lg)}.certificate-section,.form-field{display:flex;flex-direction:column}.form-field{gap:var(--spacing-sm)}.pixel-label{font-size:var(--font-size-xs);text-transform:uppercase}.input-select,.pixel-input{width:100%;padding:var(--spacing-md);border:var(--border-thin);background-color:var(--color-bg);color:var(--color-accent);font-family:var(--font-pixel);font-size:var(--font-size-xs);box-sizing:border-box}.input-select{cursor:pointer}.input-select:disabled,.pixel-input:disabled{cursor:not-allowed;opacity:.6}.field-hint{margin:0;opacity:.7}.info-grid{display:flex;flex-direction:column}.info-grid,.info-row{gap:var(--spacing-md)}.info-row{display:grid;grid-template-columns:140px 1fr;grid-gap:var(--spacing-md)}.info-label{text-transform:uppercase}.info-label,.info-value{font-size:var(--font-size-xs)}.info-value{word-break:break-all}.info-link{color:var(--color-accent);text-decoration:underline}.certificate-actions{margin-top:var(--spacing-xl)}.certificate-footer{text-align:center}.pixel-link{color:var(--color-accent);text-decoration:underline;font-size:var(--font-size-sm)}