*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1a1a1a;background:#fff}.empty{display:flex;align-items:center;justify-content:center;height:100vh;padding:24px;text-align:center;color:#888;font-size:12px}.container{padding:16px}h1{font-size:14px;font-weight:600;margin-bottom:16px;color:#111}.field{margin-bottom:12px}label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:4px}input{display:block;width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#111;background:#fff;transition:border-color .15s}input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input:disabled{background:#f5f5f5;color:#999}.submit-btn{width:100%;margin-top:6px;padding:9px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.submit-btn:hover:not(:disabled){background:#2563eb}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.error{margin-top:12px;padding:10px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:12px}.success-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 16px}.success-icon{width:40px;height:40px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.success-title{font-weight:600;font-size:14px;color:#111}.folder-name{font-size:11px;color:#666;word-break:break-word}.open-btn{display:inline-block;padding:8px 20px;background:#0061ff;color:#fff;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s}.open-btn:hover{background:#0050d4}.path-hint{margin:12px 0 4px;font-size:11px;color:#666;text-align:center}.path-input{width:100%;box-sizing:border-box;margin-bottom:8px;padding:6px 8px;background:#f4f4f5;border:1px solid #d4d4d8;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#27272a;cursor:text}.path-input:focus{outline:2px solid #0061ff;outline-offset:-2px}.warn{font-size:11px;color:#b45309;background:#fffbeb;border:1px solid #fcd34d;border-radius:5px;padding:7px 10px;width:100%;text-align:left}.reset-btn{background:none;border:1px solid #ddd;border-radius:6px;padding:7px 16px;font-size:12px;color:#555;cursor:pointer;transition:border-color .15s}.reset-btn:hover{border-color:#aaa;color:#111}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.template-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.template-tile{display:flex;flex-direction:column;align-items:center;gap:4px}.template-btn img{width:100%;height:auto;display:block;border-radius:3px}.template-label{font-size:10px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.04em}.template-btn.selected{border-color:#3b82f6;background:#eff6ff}.template-tile:has(.selected) .template-label{color:#2563eb}.template-btn:hover:not(:disabled):not(.selected){border-color:#93c5fd}.template-btn:disabled{opacity:.55;cursor:not-allowed}