:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#1e3a8a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#64748b;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#1e293b;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#1e3a8a;--radius:.75rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}main{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}h1,h2,h3,h4{color:#1e293b;letter-spacing:-.025em;font-weight:700}p{color:var(--muted-foreground)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s ease-in-out;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.input-group{margin-bottom:1.25rem}.label{color:#334155;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--input);border-radius:var(--radius);background-color:#fff;outline:none;width:100%;padding:.625rem .875rem;font-size:.9375rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1e3a8a1a}button{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}button.primary{background-color:var(--primary);color:var(--primary-foreground)}button.primary:hover{background-color:#1e40af}button.secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}button.secondary:hover{background-color:#e2e8f0}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.badge{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-message{border-radius:var(--radius);margin-top:1rem;padding:1rem;font-size:.875rem}.status-message.success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.status-message.error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}pre.code-block{color:#f8fafc;border-radius:var(--radius);background:#0f172a;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto}.site-header{border-bottom:1px solid var(--border);z-index:50;background:#fff;padding:1rem 1.5rem;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.logo-link{color:var(--primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.nav-menu{gap:1.5rem;list-style:none;display:flex}.nav-link{color:#64748b;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:#fdfdfd;padding:2.5rem 1.5rem;transition:border-color .2s}.upload-zone:hover{border-color:var(--primary);background:#f8fafc}@media (max-width:768px){.nav-menu{display:none}}