*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#ededed;height:100vh;overflow:hidden}#root{height:100vh}.app{display:flex;flex-direction:column;height:100vh}.nav-bar{display:flex;align-items:center;height:40px;padding:0 16px;background:#111;border-bottom:1px solid #2a2a2a;flex-shrink:0;gap:4px}.nav-link{padding:6px 14px;color:#999;text-decoration:none;font-size:.8rem;font-weight:500;border-radius:4px}.nav-link:hover{color:#ededed}.nav-link.active{color:#ededed;background:#2a2a2a}.chat-layout{display:flex;flex:1;min-height:0}.chat-panel{width:400px;min-width:400px;display:flex;flex-direction:column;background:#111;border-right:1px solid #2a2a2a}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-weight:600;font-size:.9rem;border-bottom:1px solid #2a2a2a;color:#999;text-transform:uppercase;letter-spacing:.05em}.chat-header-left,.chat-header-right{display:flex;align-items:center;gap:.5rem}.chat-title{font-size:.8rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;text-transform:none;letter-spacing:normal;font-weight:400}.header-btn{padding:.25rem .6rem;border:1px solid #444;border-radius:4px;background:transparent;color:#999;font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}.header-btn:hover:not(:disabled){border-color:#888;color:#ededed}.header-btn:disabled{opacity:.4;cursor:not-allowed}.chat-bottom{border-top:1px solid #2a2a2a;background:#0d0d0d}.chat-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem 0}.model-selector{padding:.2rem .4rem;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#666;font-size:.7rem;cursor:pointer;outline:none}.session-usage{font-size:.65rem;color:#555}.model-selector:hover:not(:disabled){border-color:#888;color:#ededed}.model-selector:disabled{opacity:.4;cursor:not-allowed}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{max-width:80%;padding:.6rem .9rem;border-radius:12px;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.message.user .bubble{background:#2563eb;color:#fff;border-bottom-right-radius:4px}.message.assistant .bubble{background:#2a2a2a;color:#ededed;border-bottom-left-radius:4px}.message-usage{font-size:.65rem;color:#555;margin-top:.2rem;padding-left:.2rem}.loading-bubble{color:#888;font-style:italic}.dots span{animation:blink 1.4s infinite both;font-size:1.2rem}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.chat-input{display:flex;gap:.5rem;padding:.75rem}.chat-input textarea{flex:1;resize:none;padding:.6rem .75rem;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#ededed;font-family:inherit;font-size:.9rem;line-height:1.4;outline:none}.chat-input textarea:focus{border-color:#2563eb}.chat-input button{padding:.6rem 1.2rem;border:none;border-radius:8px;background:#2563eb;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;align-self:flex-end}.chat-input button:hover:not(:disabled){background:#1d4ed8}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.canvas-panel{flex:1;display:flex;flex-direction:column;background:#0a0a0a}.canvas-toolbar{display:flex;justify-content:flex-end;padding:.5rem .75rem;border-bottom:1px solid #2a2a2a;background:#111}.toolbar-btn{padding:.3rem .75rem;border:1px solid #444;border-radius:4px;background:transparent;color:#999;font-size:.75rem;cursor:pointer}.toolbar-btn:hover{border-color:#888;color:#ededed}.canvas-panel iframe{flex:1;width:100%;border:none;background:#fff}.canvas-panel:has(.canvas-placeholder){align-items:center;justify-content:center}.canvas-placeholder{color:#555;font-size:1.1rem}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100}.sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;background:#111;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;z-index:101}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #2a2a2a;font-weight:600;font-size:.9rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.sidebar-close{background:none;border:none;color:#999;font-size:1.3rem;cursor:pointer;padding:0 .25rem;line-height:1}.sidebar-close:hover{color:#ededed}.sidebar-search{margin:.75rem;padding:.5rem .75rem;border:1px solid #333;border-radius:6px;background:#1a1a1a;color:#ededed;font-size:.85rem;outline:none}.sidebar-search:focus{border-color:#2563eb}.sidebar-list{flex:1;overflow-y:auto;padding:0 .5rem}.sidebar-empty{color:#555;font-size:.85rem;text-align:center;padding:2rem 0}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .5rem;border-radius:6px;cursor:pointer}.sidebar-item:hover{background:#1a1a1a}.sidebar-item.active{background:#1e3a5f}.sidebar-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.sidebar-item-title{font-size:.85rem;color:#ededed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-meta{font-size:.7rem;color:#666}.sidebar-item-delete{background:none;border:none;color:#666;font-size:1.1rem;cursor:pointer;padding:0 .25rem;line-height:1;flex-shrink:0}.sidebar-item-delete:hover{color:#e55}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;width:360px;max-width:90vw}.modal-heading{font-size:1rem;font-weight:600;color:#ededed;margin-bottom:1rem}.modal-input{width:100%;padding:.6rem .75rem;border:1px solid #333;border-radius:8px;background:#111;color:#ededed;font-size:.9rem;outline:none;margin-bottom:1rem}.modal-input:focus{border-color:#2563eb}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-btn{padding:.45rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none}.modal-btn-cancel{background:transparent;color:#999;border:1px solid #444}.modal-btn-cancel:hover{border-color:#888;color:#ededed}.modal-btn-save{background:#2563eb;color:#fff}.modal-btn-save:hover:not(:disabled){background:#1d4ed8}.modal-btn-save:disabled{opacity:.4;cursor:not-allowed}.library-page{flex:1;display:flex;min-height:0}.library-content{flex:1;overflow-y:auto;padding:20px 24px}.library-toolbar{display:flex;gap:10px;margin-bottom:20px}.library-search{flex:1;padding:.55rem .75rem;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#ededed;font-size:.9rem;outline:none}.favorites-toggle{padding:.45rem .9rem;border:1px solid #444;border-radius:8px;background:transparent;color:#999;font-size:.8rem;cursor:pointer;white-space:nowrap}.favorites-toggle:hover{border-color:#888;color:#ededed}.favorites-toggle.active{border-color:#e55;color:#e55;background:#ee55551a}.library-search:focus{border-color:#2563eb}.library-empty{color:#555;font-size:.9rem;text-align:center;padding:3rem 0}.library-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-bottom:16px}.library-page-info{font-size:.8rem;color:#999}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.activity-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.activity-card:hover{border-color:#444}.activity-card-title{font-size:.95rem;font-weight:600;color:#ededed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-description{font-size:.8rem;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.activity-card-standards{display:flex;flex-wrap:wrap;gap:6px}.standard-badge{background:#2a2a2a;color:#999;padding:2px 8px;border-radius:4px;font-size:.7rem}.standard-badge-more{color:#666;font-style:italic}.activity-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}.activity-card-rating{font-size:.8rem;color:#999}.activity-card-rating .star-filled{color:#e5a00d}.rating-none{font-size:.75rem;color:#555}.modal-textarea{resize:vertical;font-family:inherit;line-height:1.4}.activity-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.activity-detail{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;width:90vw;max-width:1000px;height:85vh;display:flex;flex-direction:column;overflow:hidden}.activity-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2a2a2a;flex-shrink:0}.activity-detail-title{font-size:1.1rem;font-weight:600;color:#ededed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px}.activity-detail-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.activity-detail-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.activity-detail-close:hover{color:#ededed}.activity-detail-iframe{flex:1;width:100%;border:none;background:#fff;min-height:0}.activity-detail-meta{padding:1rem 1.25rem;border-top:1px solid #2a2a2a;flex-shrink:0;overflow-y:auto;max-height:200px}.activity-detail-description{font-size:.85rem;color:#999;line-height:1.4;margin-bottom:12px}.activity-detail-info{display:flex;gap:16px;margin-bottom:12px}.activity-detail-info-item{font-size:.8rem;color:#999}.activity-detail-section-title{font-size:.8rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 8px}.activity-detail-standards-list{list-style:none;display:flex;flex-direction:column;gap:4px}.activity-detail-standards-list li{font-size:.8rem;color:#bbb;line-height:1.4}.activity-detail-standards-list strong{color:#ededed}.activity-detail-no-standards{font-size:.8rem;color:#666;font-style:italic;margin:0}.star-rating-widget{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.star-rating{display:flex;gap:2px}.star{font-size:1.4rem;cursor:pointer;color:#555;transition:color .1s;-webkit-user-select:none;user-select:none}.star.filled{color:#e5a00d}.star.hovered{color:#f0b429}.star-rating-summary{font-size:.8rem;color:#999;display:flex;align-items:center;gap:4px}.star-rating-summary .star-filled{color:#e5a00d;font-size:.85rem}.star-rating-yours{color:#666}.favorite-btn{padding:.35rem .75rem;border:1px solid #444;border-radius:6px;background:transparent;color:#999;font-size:.8rem;cursor:pointer}.favorite-btn:hover{border-color:#e55;color:#e55}.favorite-btn.active{border-color:#e55;color:#e55;background:#ee55551a}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}.loading-page{color:#555;font-size:.9rem;text-align:center;padding-top:40vh}.sign-in-page{flex:1;display:flex;align-items:center;justify-content:center}.sign-in-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:2.5rem;max-width:420px;text-align:center}.sign-in-title{font-size:1.3rem;font-weight:600;color:#ededed;margin-bottom:1rem}.sign-in-message{font-size:.9rem;color:#999;line-height:1.5;margin-bottom:1.5rem}.sign-in-link{display:inline-block;padding:.6rem 1.5rem;background:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem}.sign-in-link:hover{background:#1d4ed8}