.add-page{display:grid;grid-gap:16px;gap:16px;width:100%;min-width:0;padding-top:0;font-size:14px}.add-appbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}.add-appbar h1{margin:0;text-align:center;font-size:16px;line-height:1.3}.add-back{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.add-back:focus-visible{outline:2px solid var(--color-purple-neon);outline-offset:2px;border-radius:10px}.add-back svg,.add-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.add-heading{margin:0;font-size:16px}.add-grid,.add-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.add-card{position:relative;display:flex;align-items:flex-end;min-width:0;width:100%;aspect-ratio:1.55;padding:12px;border:1px solid var(--color-purple-neon);border-radius:16px;overflow:hidden;background:var(--color-surface-elevated);color:#fff;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.add-card .add-shade,.add-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.add-card .add-shade{background:linear-gradient(0deg,#000000e6,#0006,transparent)}.add-card span{position:relative;z-index:1}.add-card.add-manual{align-items:center;justify-content:center;color:var(--color-purple-bright)}.add-card.add-manual span{color:#fff;position:absolute;left:12px;bottom:12px}.add-light,html[data-theme=white] .add-dark{display:none}html[data-theme=white] .add-light{display:block}.add-quick-item{display:flex;align-items:center;gap:8px;min-width:0;height:70px;padding:0 14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-elevated);color:var(--color-text);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.add-quick-item:hover{border-color:var(--color-purple)}.add-quick-item:focus-visible{outline:2px solid var(--color-purple-neon);outline-offset:2px}.add-quick svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--color-purple-bright);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.add-steam{position:relative;display:flex;align-items:center;min-height:88px;padding:14px 16px;overflow:hidden;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(90deg,#0b0e19,#171a2e,#1b2838);color:inherit;text-decoration:none}.add-steam img{position:absolute;right:-8px;width:120px;height:120px;opacity:.55}.add-steam small,.add-steam strong{position:relative;display:block}.add-steam small{margin-top:4px;color:var(--color-text-secondary);font-size:11px}.add-head{display:flex;align-items:center;gap:12px;min-width:0;padding-top:16px}.add-head-icon{display:grid;flex:none;place-items:center;color:var(--color-purple-bright)}.add-head-icon .add-ico{width:32px;height:32px}.add-head-text{min-width:0}.add-head-text h1{margin:0;font-size:clamp(22px,3vw,28px);line-height:1.2}.add-head-text p{margin:4px 0 0;color:var(--color-text-secondary);font-size:14px}.add-form{display:block;width:100%;min-width:0;padding-bottom:8px}.add-columns{grid-template-columns:minmax(0,1fr);align-items:start}.add-columns,.add-main{display:grid;grid-gap:16px;gap:16px;min-width:0}.add-panel{min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);container-type:inline-size}.add-panel-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.add-panel-icon{display:grid;flex:none;place-items:center;width:26px;height:26px;color:var(--color-purple-bright)}.add-panel-icon .add-ico{width:24px;height:24px}.add-panel-head h2{margin:0;font-size:16px;line-height:1.3}.add-panel-head p{margin:2px 0 0;color:var(--color-text-secondary);font-size:12px}.add-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:14px 12px;gap:14px 12px}.add-cell{min-width:0}.add-fields>.add-cell{grid-column:span var(--span,6)}.add-notes{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}.add-notes textarea{min-height:140px}.add-hint{margin:0;color:var(--color-text-secondary);font-size:12px}@container (max-width: 520px){.add-fields>.add-cell{grid-column:1/-1}}@container (min-width: 560px){.add-notes:has(>.add-cell+.add-cell){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.add-save-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--color-bg) 70%,transparent)}.add-save{width:100%;height:52px;border:0;border-radius:16px;background:linear-gradient(90deg,var(--color-purple-bright),var(--color-purple-neon),var(--color-purple));color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.add-save:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.add-save:disabled{opacity:.6;cursor:default}.add-error{margin:0;color:var(--color-danger)}@media (min-width:800px){.add-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.add-card{aspect-ratio:2.45;font-size:12px}.add-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media (min-width:860px){.add-columns{grid-template-columns:minmax(0,34fr) minmax(0,66fr)}}@media (min-width:1100px){.add-grid,.add-quick{grid-template-columns:repeat(4,minmax(0,1fr))}}