:root{--green: #789c4a;--green-dark: #5a7536;--sand: #c4c2b8;--line: #e6e4dc;--steel: #6b757a;--ink: #141414;--muted: #5c6569;--paper: #ffffff;--page: #f4f3ee;--red: #c4122f;--sans: "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);font-size:15px;font-weight:400;line-height:1.45;letter-spacing:-.011em;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.header{background:#111;color:var(--paper);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px;height:52px;border-bottom:2px solid var(--green)}.header-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:0;justify-self:start}.header-brand:hover{text-decoration:none}.logo{height:36px;width:auto;display:block}.header-title{margin:0;font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:.01em;color:#f4f3ee;text-align:center;justify-self:center}.header-meta{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:13px;color:#c8c6be;justify-self:end}.header-user{color:#9aa0a3;font-weight:500}.header-nav{color:#fff;font-family:var(--serif);font-weight:500;font-size:15px;letter-spacing:-.01em}.header-nav:hover{color:var(--green);text-decoration:none}.main{flex:1;width:min(520px,calc(100% - 40px));margin:40px auto 72px}.card{background:var(--paper);border-radius:8px;padding:28px 32px 32px;border:1px solid var(--line);box-shadow:0 1px #14141408}h1{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:0 0 6px}.card>h1+.field{margin-top:18px}.lede{color:var(--muted);margin:0 0 22px;font-size:14.5px;line-height:1.5}label{display:block;font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}.field{margin-bottom:16px;position:relative}input,textarea,select,button{font-family:inherit}.input,.textarea,.ttl button,.btn,.dev-select{transition:border-color .12s ease,background .12s ease,color .12s ease}.input,.textarea{width:100%;border:1px solid #d9d7ce;border-radius:6px;padding:9px 12px;font-size:14.5px;background:var(--paper);color:var(--ink)}.textarea{min-height:64px;resize:vertical}.input:focus,.textarea:focus,.ttl button:focus-visible,.btn:focus-visible,.dev-select:focus-visible{outline:2px solid var(--green);outline-offset:1px}.suggest{position:absolute;left:0;right:0;top:calc(100% - 8px);background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 30px #00000014;z-index:5;overflow:hidden}.suggest button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 12px;cursor:pointer;font-size:14px}.suggest button:hover,.suggest button.active{background:var(--page)}.muted{color:var(--steel);font-size:12.5px;line-height:1.45}.picked{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--page);border:1px solid var(--line);border-radius:6px;padding:8px 10px 8px 12px}.picked strong{font-weight:600;font-size:14.5px}.ttl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ttl button{border:1px solid #d9d7ce;background:var(--paper);border-radius:6px;padding:8px 6px;cursor:pointer;font-family:var(--serif);font-weight:500;font-size:14px}.ttl button.selected{background:var(--green);border-color:var(--green);color:var(--paper)}.row{display:flex;gap:6px}.row .input{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:6px;border:0;font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:-.01em;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--green);color:var(--paper);width:100%;margin-top:4px}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid #d9d7ce;min-height:34px;font-size:13px;padding:0 12px}.password-box,.link-box{font-family:var(--mono);font-size:13px;letter-spacing:0;background:var(--page);border:1px solid var(--line);border-radius:6px;padding:12px 14px;word-break:break-all}.password-box{font-size:15px;margin-bottom:12px}.link-box{margin:10px 0 14px;color:#333}.warn{background:#f7f3ea;border:1px solid #ece4d2;border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:14px;color:#4a453c}.list{list-style:none;padding:0;margin:0}.list li{border-top:1px solid var(--line);padding:14px 0}.list li:first-child{border-top:0;padding-top:0}.chip{display:inline-block;border-radius:4px;padding:2px 8px;font-family:var(--serif);font-size:12px;font-weight:500;letter-spacing:-.01em;background:var(--page);color:var(--steel)}.chip-ok{background:#e7eedc;color:var(--green-dark)}.item-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:2px}.dev-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1c1c1c;color:#ddd;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.hidden-password{color:var(--steel);letter-spacing:.2em}.empty{color:var(--steel);font-size:14px}.fineprint{margin:12px 0 0}