.draft-loading{border:1px dashed var(--color-snap-gray-700);border-radius:var(--radius-snap);padding:4rem 1rem;text-align:center;color:var(--color-snap-gray-400)}.draft-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.25rem}.draft-btn--share{margin-left:auto}.draft-flash{color:var(--color-snap-purple-link);font-weight:700;font-size:.85rem}.draft-btn{border:1px solid var(--color-snap-gray-700);background:var(--color-snap-gray-900);color:var(--color-snap-gray-200);border-radius:999px;padding:.3rem .85rem;font-size:.85rem;cursor:pointer}.draft-btn:hover{border-color:var(--color-snap-purple-link);color:#fff}.draft-btn:disabled{opacity:.45;cursor:not-allowed}.draft-btn--primary{background:var(--color-snap-purple);border-color:var(--color-snap-purple);color:#fff;font-weight:700}.draft-btn--danger:hover{border-color:#e5484d;color:#e5484d}.draft-btn--success{background:#1d7a46;border-color:#1d7a46;color:#fff;font-weight:700}.draft-panel{border:1px solid var(--color-snap-gray-700);border-radius:var(--radius-snap);background:var(--color-snap-gray-900);padding:.9rem}.draft-panel__title{font-family:var(--font-ultimatum, inherit);font-size:1.05rem;color:#fff;margin-bottom:.5rem}.draft-dim{color:var(--color-snap-gray-300)}.draft-status{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem}.draft-badge{display:inline-block;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:700;background:var(--color-snap-gray-700);color:var(--color-snap-gray-100)}.draft-badge--lg{font-size:.85rem;padding:.25rem .8rem}.draft-badge--wrap{white-space:normal}.draft-badge--success{background:#1d7a46;color:#fff}.draft-badge--error{background:#a92a30;color:#fff}.draft-badge--warning{background:#b57a1c;color:#fff}.draft-badge--info{background:#1c6fb5;color:#fff}.draft-badge--primary{background:var(--color-snap-purple);color:#fff}.draft-badge--secondary{background:#9c2a86;color:#fff}.draft-badge--accent{background:#17847a;color:#fff}.draft-badge--neutral{background:var(--color-snap-gray-700);color:var(--color-snap-gray-100)}.draft-badge--ghost{background:transparent;border:1px solid var(--color-snap-gray-600, var(--color-snap-gray-700));color:var(--color-snap-gray-200)}.draft-alert{border-radius:var(--radius-snap);padding:.7rem 1rem;margin-bottom:1rem;color:#fff}.draft-alert--success{background:#14532d;border:1px solid #1d7a46}.draft-alert--error{background:#5c1a1d;border:1px solid #a92a30}.draft-choices{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.draft-choices{grid-template-columns:repeat(3,1fr)}}.draft-choice{display:flex;flex-direction:column}.draft-choice__badges{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:.5rem}.draft-choice__cards{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;flex-grow:1}.draft-choice__pick{margin-top:.75rem;text-align:center}.draft-mut-info{margin-top:.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.draft-cardview{text-align:center;display:flex;flex-direction:column;border-radius:6px;padding:4px}.draft-cardview.is-clickable{cursor:pointer}.draft-cardview.is-selected{outline:2px solid var(--color-snap-purple-link)}.draft-card-missing{border:1px solid var(--color-snap-gray-700);border-radius:6px;padding:.5rem;font-size:.8rem;color:var(--color-snap-gray-400);min-height:8rem;display:flex;align-items:center;justify-content:center;word-break:break-word}.draft-stat-line{font-size:.85rem;font-weight:700;color:#f0b232}.draft-mut-badges{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem;align-items:center}.draft-cards-row{display:flex;flex-wrap:wrap;gap:.75rem}.draft-actions{display:flex;gap:.5rem}.draft-actions.justify-center{justify-content:center}.draft-radio-row{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;margin-bottom:.35rem;color:var(--color-snap-gray-100)}.draft-radio-row input{margin-top:.3rem;accent-color:var(--color-snap-purple)}.draft-starter-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.draft-starter-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.draft-starter-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.draft-starter-grid{grid-template-columns:repeat(4,1fr)}}.draft-search{width:100%;margin-bottom:1rem;background:var(--color-snap-gray-800, #1a1233);border:1px solid var(--color-snap-gray-700);border-radius:var(--radius-snap);color:#fff;padding:.45rem .75rem;font-size:.9rem}.draft-search:focus{outline:none;border-color:var(--color-snap-purple-link)}.draft-add-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-height:30rem;overflow-y:auto}.draft-add-card{width:100px;cursor:pointer}.draft-add-card img{width:100%;display:block;aspect-ratio:403 / 549;object-fit:cover}.draft-add-card:hover{outline:2px solid var(--color-snap-purple-link);border-radius:6px}.draft-add-card:focus-visible,.draft-cardview.is-clickable:focus-visible{outline:2px solid var(--color-snap-purple-link);border-radius:6px}.draft-card-footer{margin-top:.25rem;display:flex;flex-direction:column;gap:.25rem}.draft-card-footer__row{display:flex;gap:.25rem;justify-content:center}.draft-chip{border:1px solid var(--color-snap-gray-700);background:transparent;color:var(--color-snap-gray-200);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;cursor:pointer;white-space:normal}.draft-chip:hover{border-color:var(--color-snap-purple-link);color:#fff}.draft-chip--danger:hover{border-color:#e5484d;color:#e5484d}.draft-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.draft-modal__box{background:var(--color-snap-gray-900);border:1px solid var(--color-snap-gray-700);border-radius:var(--radius-snap);padding:1rem;max-width:42rem;width:100%}.draft-modal__list{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto}.draft-modal__option{border:1px solid var(--color-snap-gray-700);background:transparent;border-radius:var(--radius-snap);padding:.5rem .75rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.draft-modal__option:hover{border-color:var(--color-snap-purple-link)}
