:root{--devy-ink:#232323;--devy-ink-muted:#5f6b7a;--devy-paper:#ffffff;--devy-bg:#f4f6f9;--devy-line:#e3e8ee;--devy-blue:#2456b8;--devy-cyan:#18a8dc;--devy-teal:#14a093;--devy-error:#c63d3d}body,html{height:100%;margin:0}body{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 16px;background:var(--devy-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--devy-ink);-webkit-font-smoothing:antialiased}.card,body{box-sizing:border-box}.card{width:100%;max-width:440px;background:var(--devy-paper);border:1px solid var(--devy-line);border-radius:16px;padding:36px 32px 32px;box-shadow:0 1px 2px rgba(35,35,35,.04),0 12px 32px -8px rgba(36,86,184,.14)}.logo{display:block;width:128px;height:auto;margin:0 auto 24px}h1{margin:0 0 6px;font-size:20px;font-weight:650;letter-spacing:-.01em;text-align:center}.sub{margin:0 0 24px;line-height:1.5}.drop,.sub{font-size:14px;color:var(--devy-ink-muted);text-align:center}.drop{display:block;box-sizing:border-box;border:1.5px dashed var(--devy-line);border-radius:12px;background:var(--devy-bg);padding:26px 16px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.drop.dragover,.drop:hover{border-color:var(--devy-cyan);background:rgba(24,168,220,.06)}.drop .browse{color:var(--devy-blue);font-weight:600}.drop .filename{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;color:var(--devy-ink);font-weight:600;word-break:break-all}.drop .filemeta{display:block;margin-top:4px;font-size:12px}.field-label{display:block;margin:20px 0 8px;font-size:13px;font-weight:600}.pw-row{display:flex;gap:8px}.pw-wrap{position:relative;flex:1 1}input[type=email],input[type=password],input[type=text]{box-sizing:border-box;width:100%;border:1px solid var(--devy-line);border-radius:10px;background:var(--devy-bg);padding:13px 74px 13px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:15px;color:var(--devy-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:var(--devy-cyan);box-shadow:0 0 0 3px rgba(24,168,220,.2)}input::placeholder{color:#9aa5b1}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;padding:6px 8px;font-size:12px;font-weight:600;color:var(--devy-ink-muted);cursor:pointer}.pw-toggle:hover{color:var(--devy-blue)}.btn{box-sizing:border-box;border:0;border-radius:10px;padding:13px 18px;font-size:15px;font-weight:650;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{display:block;width:100%;margin-top:22px;background:linear-gradient(135deg,var(--devy-blue),var(--devy-cyan));color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(1.06)}.btn-secondary{background:var(--devy-paper);border:1px solid var(--devy-line);color:var(--devy-blue);font-size:13px;white-space:nowrap}.btn-secondary:not(:disabled):hover{border-color:var(--devy-cyan)}.hint{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--devy-ink-muted)}.hint.warn{color:#9a6a10}.error{margin:14px 0 0;font-size:13px;color:var(--devy-error)}.result-title{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:18px;font-weight:650}.result-title .tick{flex:none;width:26px;height:26px;border-radius:50%;background:var(--devy-teal);color:#fff;font-size:15px;line-height:26px;text-align:center}.result-file{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.pw-note{box-sizing:border-box;margin-top:18px;border:1px solid #f0dfae;background:#fdf8ea;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.pw-note code{display:block;margin:8px 0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.copy-btn,.pw-note code{background:var(--devy-paper);border:1px solid var(--devy-line);border-radius:8px}.copy-btn{padding:5px 10px;font-size:12px;font-weight:600;color:var(--devy-blue);cursor:pointer}.copy-btn:hover{border-color:var(--devy-cyan)}details{margin-top:16px;font-size:13px;color:var(--devy-ink-muted)}details summary{cursor:pointer;font-weight:600;color:var(--devy-ink)}details code{display:block;margin:10px 0 6px;padding:10px 12px;background:var(--devy-bg);border:1px solid var(--devy-line);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.publish{margin-top:22px;padding-top:20px;border-top:1px solid var(--devy-line)}.publish h2{margin:0 0 4px;font-size:15px;font-weight:650}.publish .publish-sub{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:var(--devy-ink-muted)}.pub-url{display:block;margin:12px 0 8px;padding:10px 12px;background:var(--devy-bg);border:1px solid var(--devy-line);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.linklike{border:0;background:none;padding:0;color:var(--devy-blue);font-size:inherit;font-family:inherit;font-weight:600;cursor:pointer}.btn-publish{margin-top:0}.login-card input{padding-right:14px;margin-bottom:4px}.login-card .btn-primary{margin-top:14px}.again{display:block;margin:20px auto 0;border:0;background:none;font-size:13px;font-weight:600;color:var(--devy-blue);cursor:pointer}.footer{max-width:440px;font-size:12px;line-height:1.5;color:var(--devy-ink-muted);text-align:center}