.add-shell{background:var(--cream);flex-direction:column;min-height:100vh;display:flex}.add-header{border-bottom:1px solid var(--border);padding:14px 20px}.add-header .brand{font-size:17px}.add-header .brand-mark{border-radius:9px;width:30px;height:30px}.add-shell main{flex:1;justify-content:center;padding:18px 16px 30px;display:flex}.add-card{flex-direction:column;gap:14px;width:100%;max-width:460px;display:flex}.add-card h1{font-size:28px}.add-preview{grid-template-columns:120px 1fr;align-items:start;gap:14px;display:grid}.add-image{border:1px solid var(--border);color:#b5baa9;background:#fff;border-radius:12px;place-items:center;width:120px;height:120px;display:grid;position:relative;overflow:hidden}.add-image img{object-fit:contain;width:100%;height:100%}.add-image button{background:#fffc;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;right:4px}.add-fields{flex-direction:column;gap:10px;min-width:0;display:flex}.add-row{grid-template-columns:1fr 1.3fr;gap:8px;display:grid}.add-card label>span{color:var(--red)}.add-card select{border:1px solid var(--input);width:100%;font:inherit;background:#fff;border-radius:8px;margin-top:7px;padding:11px 12px;font-size:14px}.add-card input,.add-card textarea{font-size:14px}.add-url{color:#7a836c;overflow-wrap:anywhere;align-items:center;gap:6px;font-size:12px;display:flex}.add-url a{text-decoration:underline}.add-heart{align-items:center;gap:8px;font-weight:500!important;display:flex!important}.add-heart input{width:auto;margin:0}.add-heart svg{color:var(--red)}.add-list{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.small-note{font-size:12px}.small-note a{color:var(--red);text-decoration:underline}.paste-box{background:#f4eae4;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.paste-box small{color:#7a836c;font-size:12px}.paste-row{gap:8px;margin-top:7px;display:flex}.paste-row input{margin:0}.paste-row .button{min-height:44px;padding:9px 12px}.add-done{text-align:center;align-items:center;padding-top:30px}.done-icon{color:#2f6b2a;background:#e3f1df;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.add-actions{flex-direction:column;gap:8px;width:100%;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:#7a836c}@media (max-width:400px){.add-preview{grid-template-columns:90px 1fr}.add-image{width:90px;height:90px}.add-row{grid-template-columns:1fr}}