:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f4f4f7;color:#16161d}@media (prefers-color-scheme: dark){body{background:#101014;color:#ececf0}}main{max-width:1280px;margin:0 auto;padding:24px 20px 80px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:36px;align-items:start;margin-top:8px}.editor-col{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;padding-bottom:8px}.editor-col h2,.list-col h2{margin-top:8px}@media (max-width: 1000px){.layout{grid-template-columns:1fr}.editor-col{position:static;max-height:none;order:-1}}h1{margin-bottom:4px}h2{margin-top:40px}.muted{color:#7a7a85}.small{font-size:12px}.error{color:#d33}.banner{padding:10px 14px;border-radius:10px;margin:12px 0}.banner.warn{background:#fff3cd;color:#7a5b00}.banner.ok{background:#d9f2e3;color:#14603a}button,.button{display:inline-block;padding:9px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:default}button.secondary{background:#6b7280}button.danger{background:#dc2626}.form-actions{display:flex;gap:8px;margin-top:16px}code{background:#7f7f7f26;padding:1px 5px;border-radius:4px}.style-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.style-tabs button{background:transparent;border:1px solid #9aa0ac;color:inherit;font-weight:500;padding:6px 12px;border-radius:20px}.style-tabs button.active{background:#2563eb;border-color:#2563eb;color:#fff}.transit-select{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px}.transit-select select{padding:6px 10px;border-radius:8px;font-size:14px;border:1px solid #ccc;background:#fff;color:#16161d}@media (prefers-color-scheme: dark){.transit-select select{background:#1c1c22;color:#ececf0;border-color:#3a3a44}}.pass-card{width:460px;max-width:100%;border-radius:16px;padding:12px 0 16px;box-shadow:0 6px 20px #00000038;display:flex;flex-direction:column;gap:10px;overflow:hidden}.card-header{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:34px}.card-header .field-row{margin-left:auto;justify-content:flex-end}.logo-text{font-weight:700;font-size:16px;min-width:60px;flex-shrink:1}input.logo-text{background:transparent;border:1px dashed transparent;border-radius:6px;color:inherit;padding:3px 6px;width:40%}.logo-img{max-height:30px;max-width:100px}input.logo-text.title-hidden{opacity:.35;text-decoration:line-through}.title-toggle{flex:0 0 auto;background:transparent;border:none;padding:2px 4px;font-size:14px;opacity:.55}.title-toggle:hover{opacity:1;background:#7f7f7f33}.field-row{display:flex;gap:8px;padding:0 14px;align-items:flex-start}.field-row:empty{display:none}.fe{position:relative;min-width:0;flex:1 1 0}.fe-label,.fe-value{display:block;width:100%}input.fe-label,input.fe-value{background:transparent;border:1px dashed transparent;border-radius:5px;color:inherit;padding:1px 4px}.pass-editor input:hover,.pass-editor input:focus{border-color:#7f7f7fb3;outline:none}.fe-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.9}input.fe-label::placeholder,input.fe-value::placeholder{color:inherit;opacity:.4}.fe-sm .fe-value{font-size:15px}.fe-lg .fe-value{font-size:30px;font-weight:300}.fe-static .fe-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fe-remove{position:absolute;top:-7px;right:-7px;width:18px;height:18px;padding:0;line-height:16px;font-size:12px;border-radius:50%;background:#0000008c;opacity:0}.fe:hover .fe-remove{opacity:1}.add-col{flex:0 0 auto;background:transparent;border:1px dashed rgba(127,127,127,.7);color:inherit;opacity:.55;border-radius:8px;padding:4px 10px;font-size:13px}.add-col:hover{opacity:1;background:#7f7f7f26}.logo-slot{position:relative;flex:0 0 auto;min-width:44px;height:34px;border-radius:6px;background-size:contain;background-repeat:no-repeat;background-position:left center;display:flex;align-items:center}.logo-slot.has-image{min-width:80px}.logo-slot .img-controls button{background:#7f7f7f40;color:inherit;font-size:11px;padding:4px 8px;border:1px dashed rgba(127,127,127,.6)}.logo-slot.has-image .img-controls{opacity:0}.logo-slot.has-image:hover .img-controls{opacity:1}.strip-slot{position:relative;min-height:120px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;padding:10px 0}.strip-slot.has-image .fe-value,.strip-slot.has-image .fe-label{text-shadow:0 1px 3px rgba(0,0,0,.6)}.img-controls{display:flex;gap:6px;align-items:center}.strip-slot .img-controls{position:absolute;right:10px;bottom:8px}.strip-slot .img-controls button{background:#00000073;border:1px dashed rgba(255,255,255,.6);color:#fff;font-size:11px;padding:4px 8px}.img-controls button{border-radius:6px}.primary-plain{position:relative}.transit-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;opacity:.7;pointer-events:none}.qr-placeholder{margin:8px auto 0;width:64px;height:64px;border-radius:8px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 0 0 4px #ffffff59}.color-row{display:flex;gap:18px;margin-top:14px}.color-row label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.color-row input[type=color]{width:42px;height:30px;padding:2px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}.icon-picker{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-left:auto}.icon-slot{position:relative;width:38px;height:38px;border-radius:9px;background-size:cover;background-position:center;background-color:#7f7f7f1f;display:flex;align-items:center;justify-content:center}.icon-slot .img-controls button{background:transparent;border:1px dashed rgba(127,127,127,.7);color:inherit;font-size:12px;padding:2px 6px;border-radius:6px}.icon-slot.has-image .img-controls{opacity:0}.icon-slot.has-image:hover .img-controls{opacity:1}.pass-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.pass-item{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 4px #00000014;border:2px solid transparent}.pass-item.editing{border-color:#2563eb}@media (prefers-color-scheme: dark){.pass-item{background:#1a1a20}}.pass-row{display:flex;gap:20px;flex-wrap:wrap}.pass-card-view{width:300px;flex:0 0 auto;font-size:13px;pointer-events:none}.pass-card-view .fe-lg .fe-value{font-size:22px}.pass-card-view .qr-placeholder{width:48px;height:48px}.pass-meta{display:flex;flex-direction:column;gap:6px;min-width:220px;flex:1}.pass-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}