:root{color:#18202f;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,48px);border-bottom:1px solid #dce1e8;background:#f6f7f9eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;width:48px;height:48px;color:#0c6b58;transition:filter .16s ease,transform .16s ease}.brand:hover{filter:saturate(1.08);transform:translateY(-1px)}.toolbox-logo{display:block;width:100%;height:100%}.toolbox-logo__plate{fill:#eef8f5;stroke:#d7eee7;stroke-width:2}.toolbox-logo__handle{fill:none;stroke:#0c6b58;stroke-linejoin:round;stroke-width:3}.toolbox-logo__box{fill:#e8f5f1;stroke:#0c6b58;stroke-width:3}.toolbox-logo__lid{fill:#d7eee7;stroke:#8fbdb2;stroke-width:0}.toolbox-logo__line{fill:none;stroke:#0c6b58;stroke-width:2.5}.toolbox-logo__clasp{fill:none;stroke:#111827;stroke-linecap:round;stroke-width:2.5}.main{width:min(1180px,calc(100vw - 36px));margin:0 auto;padding:48px 0 72px}.home-heading,.tool-heading{max-width:760px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#0c6b58;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#111827;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:0}h2{margin:4px 0 8px;font-size:18px;line-height:1.25}p{color:#566174;line-height:1.65}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:16px;align-items:center;margin:32px 0}.search-field{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid #cfd6df;border-radius:8px;background:#fff}.search-field input{width:100%;border:0;outline:0;background:transparent}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.category-tabs button,.tool-actions button,.icon-button,.primary-link{min-height:38px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#18202f;padding:0 14px;font-weight:700}.category-tabs button.active,.tool-actions button:hover,.icon-button:hover,.primary-link:hover{border-color:#0c6b58;background:#e8f5f1;color:#0c6b58}.tool-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.tool-card{position:relative;display:grid;grid-template-columns:46px 1fr 20px;gap:14px;min-height:164px;padding:20px;border:1px solid #dce1e8;border-radius:8px;background:#fff;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tool-card:hover{transform:translateY(-2px);border-color:#8fbdb2;box-shadow:0 14px 34px #18202f14}.tool-card-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:#e8f5f1;color:#0c6b58}.tool-card-meta{color:#768195;font-size:13px;font-weight:800}.tool-card-content p{margin:0;font-size:14px}.tool-card-arrow{color:#768195}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{display:flex;flex-direction:column;gap:10px;min-height:430px;padding:16px;border:1px solid #dce1e8;border-radius:8px;background:#fff}.panel>span,.panel-header span{font-weight:800}.panel textarea{min-height:350px;flex:1;resize:vertical;border:1px solid #dce1e8;border-radius:8px;outline:0;padding:14px;background:#fbfcfd;color:#18202f;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6}.panel textarea:focus{border-color:#0c6b58}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.icon-button{display:inline-flex;align-items:center;gap:8px}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.error-message{border:1px solid #f0b4a3;border-radius:8px;background:#fff4f1;color:#9f2d16;padding:10px 12px;font-size:14px}.empty-state{display:grid;gap:12px;justify-items:start}.primary-link{display:inline-flex;align-items:center}@media(max-width:820px){.toolbar,.tool-grid{grid-template-columns:1fr}}.raffle-page{display:grid;gap:24px}.raffle-hero{text-align:center}.raffle-hero h1{font-size:clamp(38px,5vw,58px)}.raffle-hero p{margin:12px auto 0;max-width:720px;color:#4b5563;font-size:18px;font-weight:700}.raffle-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.raffle-card{display:flex;flex-direction:column;gap:18px;min-width:0;padding:26px;border:1px solid #e4e9f2;border-radius:8px;background:#fff;box-shadow:0 2px 8px #18202f14}.raffle-card h2{margin:0;color:#111827;font-size:24px}.raffle-label{color:#374151;font-weight:800}.raffle-textarea{min-height:126px;resize:vertical;border:1px solid #cfd6df;border-radius:8px;outline:0;padding:16px;color:#18202f;background:#fff;font-size:16px;line-height:1.6}.raffle-textarea:focus,.raffle-stepper input:focus,.raffle-round-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.raffle-helper{margin:-8px 0 0;color:#6b7280;font-size:14px;font-weight:700}.raffle-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.raffle-upload-card{display:grid;min-height:128px;place-items:center;gap:6px;border:2px dashed #d1d8e3;border-radius:8px;background:#fff;color:#8b95a5;padding:18px;text-align:center}.raffle-upload-card:hover{border-color:#2563eb;background:#f8fbff;color:#2563eb}.raffle-upload-card strong{color:#2563eb;font-size:16px}.raffle-upload-card span{color:#6b7280;font-size:13px;font-weight:700}.raffle-file-input{display:none}.raffle-alert{display:flex;align-items:center;gap:12px;min-height:58px;border-radius:8px;padding:14px 18px}.raffle-alert.warning{border:1px solid #fde047;background:#fefce8;color:#92400e}.raffle-alert.success{border:1px solid #86efac;background:#f0fdf4;color:#166534}.raffle-alert.danger{border:1px solid #fca5a5;background:#fef2f2;color:#b91c1c}.raffle-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.raffle-mode-tabs button,.raffle-stepper button,.raffle-round-row button,.raffle-primary-button,.raffle-secondary-button,.raffle-switch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #d7dde6;border-radius:8px;background:#fff;color:#374151;padding:0 14px;font-weight:800}.raffle-mode-tabs button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.raffle-replacement-options{display:flex;gap:10px}.raffle-switch.no-replacement.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.raffle-switch.replacement.active{border-color:#16a34a;background:#f0fdf4;color:#15803d}.raffle-field-group,.raffle-rounds{display:grid;gap:14px}.raffle-stepper{display:flex;align-items:center;gap:10px}.raffle-stepper input{width:104px;min-height:46px;border:1px solid #cfd6df;border-radius:8px;outline:0;padding:0 14px;font-size:18px}.raffle-stepper button{width:46px;padding:0}.raffle-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.raffle-switch-row span{display:grid;gap:4px}.raffle-switch-row small{color:#6b7280;font-weight:700}.raffle-round-list{display:grid;gap:10px}.raffle-round-row{display:grid;grid-template-columns:minmax(0,1fr) 94px 44px;gap:10px}.raffle-round-row input{min-width:0;min-height:42px;border:1px solid #cfd6df;border-radius:8px;outline:0;padding:0 12px}.raffle-round-row button{width:44px;padding:0;color:#b91c1c}.raffle-draw-card{gap:22px}.raffle-draw-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.raffle-action-row{display:flex;flex-wrap:wrap;gap:10px}.raffle-primary-button{border-color:#2563eb;background:#2563eb;color:#fff}.raffle-primary-button:hover{background:#1d4ed8}.raffle-primary-button.danger{border-color:#dc2626;background:#dc2626;color:#fff}.raffle-primary-button.danger:hover{border-color:#b91c1c;background:#b91c1c}.raffle-secondary-button:hover,.raffle-stepper button:hover,.raffle-round-row button:hover,.raffle-mode-tabs button:hover,.raffle-switch:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.raffle-empty{display:grid;min-height:194px;place-items:center;gap:8px;border:2px dashed #d1d8e3;border-radius:8px;color:#9aa3b2;text-align:center}.raffle-empty strong{color:#111827;font-size:20px}.raffle-empty span{color:#6b7280;font-weight:700}.raffle-rolling{display:grid;min-height:194px;place-items:center;gap:18px;border:2px dashed #93c5fd;border-radius:8px;background:linear-gradient(180deg,#eff6ff,#fff);padding:26px;text-align:center}.raffle-rolling>span{color:#2563eb;font-size:15px;font-weight:900}.raffle-rolling-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.raffle-rolling-grid strong{min-width:160px;border:1px solid #bfdbfe;border-radius:8px;background:#fff;color:#1d4ed8;padding:16px 22px;font-size:clamp(24px,4vw,40px);box-shadow:0 12px 28px #2563eb24}.raffle-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.raffle-winner{display:grid;grid-template-columns:22px 28px 1fr;align-items:center;gap:10px;min-height:58px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#92400e;padding:12px 14px}.raffle-winner span{display:grid;width:26px;height:26px;place-items:center;border-radius:999px;background:#f59e0b;color:#fff;font-size:13px;font-weight:900}.raffle-winner strong{min-width:0;overflow-wrap:anywhere;color:#111827}.raffle-round-result-list{display:grid;gap:18px}.raffle-round-result{display:grid;gap:12px}.raffle-round-result h3{margin:0;color:#111827}@media(max-width:900px){.raffle-config-grid,.raffle-upload-grid{grid-template-columns:1fr}.raffle-draw-header,.raffle-switch-row{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.raffle-card{padding:20px}.raffle-stepper,.raffle-action-row{align-items:stretch;flex-direction:column}.raffle-stepper input,.raffle-stepper button,.raffle-primary-button,.raffle-secondary-button{width:100%}.raffle-round-row{grid-template-columns:1fr}.raffle-round-row button{width:100%}}