@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7f9;--border:#e5e7eb;--text:#1f2937;--muted:#7a8493;--muted-soft:#a5adba;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text)}button{font:inherit}.app{flex-direction:column;min-height:100vh;animation:.7s both app-settle;display:flex}.context-bar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 32px;animation:.55s both context-settle;display:flex}.logo{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.context{flex:1;align-items:center;gap:18px;margin-left:42px;display:flex}.up-button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px}.breadcrumbs{align-items:center;gap:10px;font-size:.95rem;display:flex}.crumb{color:var(--muted)}.current{color:var(--text);font-weight:600}.actions{gap:10px;display:flex}.actions button{cursor:pointer;background:0 0;border:none;border-radius:10px;width:38px;height:38px;transition:background .18s,transform .18s}.actions button:hover{background:#eef2f7;transform:translateY(-1px)}.workspace{flex:1;padding:48px}.canvas{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.empty-state{max-width:520px;margin:0 auto;animation:.7s .18s both empty-state-settle;transform:translateY(24px)}.eyebrow{color:var(--muted);margin-bottom:14px;font-size:1rem;font-weight:600}.empty-state h1{letter-spacing:-.04em;margin-bottom:18px;font-size:2.35rem}.create-button,.action-create-button{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.create-button{width:96px;height:96px;margin-top:-2px}.create-button:after{content:"";opacity:0;pointer-events:none;border:2px solid #1f293747;border-radius:999px;position:absolute;inset:22px;transform:scale(.82)}.create-button.is-breathing--strong:after{animation:1.35s cubic-bezier(.42,0,.25,1) both create-breath-strong}.create-button.is-breathing--soft:after{animation:1.35s cubic-bezier(.42,0,.25,1) both create-breath-soft}.plus-symbol{color:currentColor;display:inline-block;position:relative}.plus-symbol--hero{width:64px;height:64px}.plus-symbol--small{width:18px;height:18px}.plus-stroke{background:currentColor;border-radius:999px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plus-symbol--hero .plus-stroke--vertical{width:2.5px;height:58px}.plus-symbol--hero .plus-stroke--horizontal{width:58px;height:2.5px}.plus-symbol--small .plus-stroke--vertical{width:2px;height:16px}.plus-symbol--small .plus-stroke--horizontal{width:16px;height:2px}@keyframes app-settle{0%{opacity:0}to{opacity:1}}@keyframes context-settle{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes empty-state-settle{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(24px)}}@keyframes create-breath-strong{0%{opacity:0;transform:scale(.82)}42%{opacity:.62;transform:scale(1.16)}58%{opacity:.62;transform:scale(1.16)}to{opacity:0;transform:scale(.92)}}@keyframes create-breath-soft{0%{opacity:0;transform:scale(.82)}42%{opacity:.46;transform:scale(1.14)}58%{opacity:.46;transform:scale(1.14)}to{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}