.rail{position:fixed;top:72px;left:16px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;box-sizing:border-box;background:#ffffff;border:1px solid rgba(0,0,0,.05);border-radius:18px;box-shadow:0 10px 30px #1113161a;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.rail__group{display:flex;flex-direction:column;gap:4px}.rail__divider{width:24px;height:1px;margin:4px 0;background:rgba(0,0,0,.08)}.rail__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border:none;border-radius:11px;background:transparent;color:#6b7280;transition:background .14s ease,color .14s ease}.rail__item:hover{background:#f3f4f6;color:#111316}.rail__item--active,.rail__item--active:hover{background:#111316;color:#fff}.rail__item--brand{color:#111316}.rail__item--trash{margin-top:4px;color:#9aa0a6}.rail__item--trash:hover{background:#fde8e8;color:#ef4444}.flyout{position:fixed;top:72px;left:82px;z-index:19;width:248px;box-sizing:border-box;background:#ffffff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 10px 30px #1113161f;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;animation:flyout-in .16s ease}@keyframes flyout-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.flyout__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.flyout__head h2{margin:0;font-size:14px;font-weight:700;color:#1b1b1f}.flyout__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:#9aa0a6;transition:background .14s ease,color .14s ease}.flyout__close:hover{background:#f3f4f6;color:#111316}.flyout__body{padding:14px 16px;max-height:calc(100vh - 200px);overflow-y:auto}.flyout__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:8px;background:#ffffff;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;transition:border-color .14s ease,box-shadow .14s ease}.tile:hover{border-color:#0003}.tile--active{border-color:#111316;box-shadow:0 0 0 3px #11131614}.tile__thumb{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#eef0f2,#dfe3e8);overflow:hidden}.tile__thumb img{width:100%;height:100%;object-fit:cover;display:block}.tile__label{font-size:12px;font-weight:600;color:#1b1b1f;text-align:left}.flyout__list{display:flex;flex-direction:column;gap:8px}.row{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:left;padding:11px 14px;font-size:13px;font-weight:600;color:#1b1b1f;background:#ffffff;border:1.5px solid rgba(0,0,0,.08);border-radius:11px;transition:border-color .14s ease,background .14s ease}.row:hover{border-color:#0003}.row--active{color:#fff;background:#111316;border-color:#111316}.flyout__empty{margin:8px 0;font-size:13px;color:#9aa0a6;text-align:center}@media (max-width: 700px){.rail{top:64px;left:10px;padding:6px;gap:3px}.rail__item{width:34px;height:34px}.flyout{top:64px;left:58px;right:10px;width:auto}.flyout__body{max-height:calc(100vh - 220px)}}@media (max-width: 380px){.flyout__grid{grid-template-columns:1fr}}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;box-sizing:border-box;background:#ffffff;border-bottom:1px solid rgba(0,0,0,.06);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.topbar__logo{display:flex;align-items:center;font-size:18px;font-weight:800;letter-spacing:.22em;color:#111316}.topbar__logo-mark{margin:0 .04em;font-weight:600;opacity:.85}.topbar__title{position:absolute;left:50%;transform:translate(-50%);width:240px;border:none;outline:none;background:transparent;text-align:center;font:inherit;font-size:15px;font-weight:600;color:#1b1b1f;border-radius:8px;padding:6px 8px;transition:background .15s ease}.topbar__title:hover,.topbar__title:focus{background:#f3f4f6}.topbar__actions{display:flex;align-items:center;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn--ghost{background:#ffffff;border-color:#0000001f;color:#1b1b1f}.btn--ghost:hover{background:#f6f7f8}.btn--dark{background:#111316;color:#fff}.btn--dark:hover{background:#2a2d31}@media (max-width: 480px){.topbar{height:52px;padding:0 12px}.topbar__logo{font-size:15px;letter-spacing:.15em}.topbar__title{width:150px;font-size:13px}}.toolbar{position:fixed;top:72px;right:24px;z-index:20;display:flex;align-items:center;gap:10px;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.toolbar__group{display:flex;align-items:center;gap:4px;padding:4px;background:#ffffff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 6px 20px #1113161a}.toolbar__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center;width:36px;height:36px;border:none;border-radius:9px;background:transparent;color:#6b7280;transition:background .14s ease,color .14s ease}.toolbar__btn:hover{background:#f3f4f6;color:#111316}.toolbar__btn--danger{background:#fde8e8;color:#ef4444;border:1px solid rgba(239,68,68,.12);box-shadow:0 6px 20px #ef444424}.toolbar__btn--danger:hover{background:#fbd5d5;color:#dc2626}@media (max-width: 700px){.toolbar{top:64px;right:10px;gap:6px}.toolbar__btn{width:32px;height:32px}}.cta{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;cursor:pointer;padding:13px 22px;border:none;border-radius:999px;background:#1f9bff;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700;box-shadow:0 10px 26px #1f9bff66;transition:background .15s ease,transform .1s ease}.cta:hover{background:#0b8af0}.cta:active{transform:translate(-50%) translateY(1px)}.cta__badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:rgba(255,255,255,.25);font-size:12px;font-weight:700}.viewport{position:fixed;bottom:24px;right:24px;z-index:20;display:flex;align-items:center;gap:10px;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.viewport__group{display:flex;align-items:center;gap:4px;padding:4px;background:#ffffff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 6px 20px #1113161a}.viewport__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:9px;background:transparent;color:#6b7280;transition:background .14s ease,color .14s ease}.viewport__btn:hover{background:#f3f4f6;color:#111316}.viewport__btn:disabled{cursor:default;color:#d1d5db;background:transparent}.viewport__zoom{min-width:44px;text-align:center;font-size:13px;font-weight:600;color:#1b1b1f}@media (max-width: 700px){.cta{bottom:16px;padding:11px 18px;font-size:13px}.viewport{bottom:68px;right:12px;gap:6px}.viewport__group{padding:3px;gap:2px}.viewport__btn{width:30px;height:30px}.viewport__zoom{min-width:34px;font-size:12px}}#root{width:100vw;height:100vh}html,body{margin:0;overflow-x:hidden}