:root{--blue-900: #0b2545;--blue-700: #1e3a8a;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-100: #dbeafe;--blue-50: #eff6ff;--white: #ffffff;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-600: #4b5563;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--green-50: #ecfdf5;--green-600:#059669;--green-700:#047857;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(37, 99, 235, .06), 0 8px 24px rgba(11, 37, 69, .08);--transition: .15s ease}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--blue-900);background:radial-gradient(1200px 600px at 50% -10%,var(--blue-100) 0%,transparent 60%),linear-gradient(180deg,var(--blue-50) 0%,var(--white) 60%);background-attachment:fixed;min-height:100vh}.wrap{max-width:760px;margin:56px auto;padding:32px;background:var(--white);border:1px solid var(--blue-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative}.wrap:before{content:"";display:block;width:44px;height:3px;background:var(--blue-600);border-radius:2px;margin-bottom:14px}h1{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.01em;color:var(--blue-900)}.sub{margin:0 0 24px;color:var(--gray-600);font-size:14px}.label{display:block;margin:20px 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-700)}.label-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px}.label-row .label{margin:0}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{display:inline-block;width:38px;height:22px;background:var(--gray-300);border-radius:999px;position:relative;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--white);border-radius:50%;transition:transform var(--transition);box-shadow:0 1px 2px #0003}.toggle input:checked+.toggle-slider{background:var(--blue-600)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.toggle input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px var(--blue-100)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}input[type=file],textarea{width:100%;padding:11px 12px;background:var(--white);color:var(--blue-900);border:1px solid var(--gray-200);border-radius:var(--radius-md);font:inherit;transition:border-color var(--transition),box-shadow var(--transition)}textarea{resize:vertical;min-height:120px}input[type=file]:hover,textarea:hover{border-color:var(--blue-500)}input[type=file]:focus,textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}input[type=file]::file-selector-button{margin-right:12px;padding:7px 14px;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);border-radius:6px;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition)}input[type=file]::file-selector-button:hover{background:var(--blue-100);color:var(--blue-900)}.files{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}.files li{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--radius-sm)}.files li span{flex:1;color:var(--blue-900);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files li small{color:var(--gray-500);font-variant-numeric:tabular-nums}.files li button{padding:4px 10px;font-size:12px;font-weight:600;color:var(--red-600);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.files li button:hover:not(:disabled){background:var(--red-50);border-color:var(--red-500);color:var(--red-700)}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.65}.primary{display:block;width:100%;margin-top:24px;padding:13px 18px;background:var(--blue-600);color:var(--white);border:1px solid var(--blue-600);border-radius:var(--radius-md);font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 2px #2563eb40;transition:background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.primary:hover:not(:disabled){background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a40}.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #2563eb40}.primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--blue-100),0 1px 2px #2563eb40}.primary:disabled{background:var(--blue-100);border-color:var(--blue-100);color:var(--gray-600);opacity:1;box-shadow:none}.error{margin-top:20px;padding:12px 14px;background:var(--red-50);border:1px solid #fecaca;border-left:4px solid var(--red-600);border-radius:var(--radius-sm);color:var(--red-700);font-size:14px}.result{margin-top:20px;padding:14px 16px;background:var(--green-50);border:1px solid #a7f3d0;border-radius:var(--radius-sm);color:var(--green-700);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result a{display:inline-block;padding:8px 16px;background:var(--blue-600);color:var(--white);text-decoration:none;font-weight:600;font-size:14px;border-radius:999px;transition:background var(--transition),transform var(--transition)}.result a:hover{background:var(--blue-700);transform:translateY(-1px)}.result a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--blue-100)}@media (max-width: 640px){.wrap{margin:20px 14px;padding:22px 18px;border-radius:var(--radius-md)}h1{font-size:24px}.primary{padding:12px 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;transform:none!important}}