:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ribbon-height: 40px;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1280px;--sidebar-width: 320px;--sidebar-collapsed-width: 0px;--touch-target-min: 44px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}@media(max-width:768px){:root{--ribbon-height: 50px;--sidebar-width: 100%}}@media(max-width:480px){:root{--ribbon-height: 50px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{width:100%;height:100%;position:relative}.scene-wrapper{position:absolute;top:var(--ribbon-height, 40px);left:0;right:0;bottom:0;width:100%;height:calc(100% - var(--ribbon-height, 40px))}.button-group{position:absolute;top:20px;left:20px;z-index:100;display:flex;gap:10px}.grid-button,.lines-button{padding:10px 20px;background:#4a9eff;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s}.grid-button:hover,.lines-button:hover{background:#3a8eef;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.lines-button{background:#00f}.lines-button:hover{background:#00c}.main-layout{display:flex;height:calc(100% - var(--ribbon-height, 40px));position:absolute;top:var(--ribbon-height, 40px);left:0;right:0;bottom:0}.sidebar{width:var(--sidebar-width, 320px);min-width:250px;max-width:400px;background:#fafafa;padding:8px;overflow-y:auto;border-right:1px solid #ddd;transition:transform .3s ease,width .3s ease;z-index:1000;position:relative}.sidebar-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:1001;width:48px;height:48px;border-radius:50%;background:#4285f4;color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s,background .2s;line-height:1;padding:0}.sidebar-toggle:hover{background:#3367d6;transform:scale(1.05)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;top:var(--ribbon-height, 40px);left:0;right:0;bottom:0;background:#00000080;z-index:999}.scene-container{flex:1;background:#1a1a1a;min-width:0}@media(max-width:768px){.sidebar{position:fixed;top:var(--ribbon-height, 50px);left:0;bottom:0;width:85%;max-width:320px;transform:translate(-100%);box-shadow:4px 0 20px #0000004d;display:none}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:none!important}.sidebar-overlay.visible{display:block}.main-layout{flex-direction:column}.scene-container{flex:1;width:100%}.button-group{top:10px;left:10px;gap:5px}.grid-button,.lines-button{padding:8px 12px;font-size:12px}}.login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298,#7e22ce);display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px;box-sizing:border-box}.login-box{background:#fffffff2;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}@media(max-width:768px){.login-container{padding:16px}.login-box{max-width:480px}}@media(max-width:480px){.login-container{padding:12px}.login-box{padding:32px 20px;border-radius:16px;max-width:100%}.login-header{margin-bottom:28px}.login-header h1{font-size:26px;margin-bottom:6px}.login-header p{font-size:14px}.login-form{gap:18px}.login-field label{font-size:14px}.login-field input{padding:14px 16px;font-size:16px;border-radius:10px}.login-btn{padding:16px;font-size:16px;min-height:52px;border-radius:10px}}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;color:#1e3c72;font-size:32px;font-weight:700}.login-header p{margin:0;color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{color:#333;font-size:14px;font-weight:600}.login-field input{padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:15px;transition:all .2s;outline:none}.login-field input:focus{border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.login-field input:disabled{background:#f5f5f5;cursor:not-allowed}.login-error{padding:12px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;text-align:center}.login-btn{padding:14px;background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#3462b8,#2a4c92);transform:translateY(-2px);box-shadow:0 8px 20px #2a529866}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center;color:#999;font-size:12px}.login-footer p{margin:0}.about-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:5000;padding:16px;box-sizing:border-box}.about-modal{background:#fff;border-radius:8px;width:640px;max-width:100%;max-height:calc(100vh - 32px);box-shadow:0 20px 60px #00000059;overflow:hidden;display:flex;flex-direction:column}.about-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee;flex-shrink:0}.about-header h2{margin:0;font-size:18px}.about-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.about-body{padding:18px 20px;color:#333;line-height:1.6;overflow-y:auto;flex:1}.about-body p{margin:0 0 12px}.about-footer{padding:12px 20px;border-top:1px solid #eee;text-align:right;flex-shrink:0}.about-ok{background:#2d7ef7;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;min-height:44px;font-size:14px}@media(max-width:480px){.about-modal-overlay{padding:8px}.about-modal{border-radius:12px}.about-header{padding:12px 16px}.about-header h2{font-size:16px}.about-body{padding:14px 16px;font-size:14px}.about-footer{padding:10px 16px}}.story-copy-modal{max-width:600px;width:95%}.story-copy-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-radius:12px 12px 0 0}.story-copy-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.story-copy-header .close-button{background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.story-copy-header .close-button:hover{background:#ffffff4d}.story-copy-body{padding:2rem;background:#f8f9fa}.story-select-container{display:flex;flex-direction:column;gap:2rem}.story-select-group{position:relative}.story-select-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:1rem;color:#2c3e50}.story-select-label .icon{font-size:1.25rem}.story-select{width:100%;padding:1rem 3rem 1rem 1.25rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.story-select option{color:#333;background:#fff}.story-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.story-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.preview-panel{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea;border-radius:12px;padding:1.5rem;margin-top:1.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#667eea;display:flex;align-items:center;gap:.5rem}.preview-list{margin:0;padding-left:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.preview-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:8px;font-size:.95rem;color:#2c3e50;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.preview-item .icon{font-size:1.25rem}.preview-item .count{font-weight:700;color:#667eea;margin-right:.25rem}.story-copy-footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem;border-radius:0 0 12px 12px}.story-copy-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.story-copy-btn-cancel{background:#e0e0e0;color:#666}.story-copy-btn-cancel:hover{background:#d0d0d0;transform:translateY(-1px)}.story-copy-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.story-copy-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.story-copy-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.story-copy-btn-primary.loading{position:relative;pointer-events:none}.story-copy-btn-primary.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000059;overflow:hidden;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#333}.close-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#e0e0e0;color:#333}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.5rem;background:#f8f9fa}.modal-button{padding:.5rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.modal-button:hover{background:#1976d2}.layer-modal{max-width:500px;width:90%}.layer-controls{display:flex;flex-direction:column;gap:1rem}.layer-controls-header{display:flex;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid #ddd}.layer-control-btn{flex:1;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;color:#333}.layer-control-btn:hover{background:#e0e0e0;border-color:#bbb}.layer-list{display:flex;flex-direction:column;gap:.75rem}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;color:#333}.layer-item:hover{background:#f0f0f0;border-color:#ccc}.layer-info{display:flex;align-items:center;gap:.75rem;flex:1}.layer-icon{font-size:1.5rem;width:32px;text-align:center}.layer-name{font-weight:500;font-size:1rem;flex:1}.layer-color{width:24px;height:24px;border-radius:4px;border:2px solid #fff;box-shadow:0 1px 3px #0003}.layer-toggle{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.layer-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.layer-toggle input:checked+.toggle-slider{background-color:#2196f3}.layer-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-slider:hover{box-shadow:0 0 5px #2196f34d}.ribbon-menu{position:fixed;top:0;left:0;right:0;z-index:2000;background:linear-gradient(to bottom,#2d2d2d,#252525);box-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none}.ribbon-menu.collapsed .ribbon-content{max-height:0;min-height:0;opacity:0;overflow:hidden;padding:0;margin:0;border:none}.ribbon-tabs{display:flex;background:#1e1e1e;border-bottom:1px solid #3a3a3a;padding:0 10px;position:relative}.ribbon-tab{padding:8px 16px;color:#ccc;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent;line-height:1.4;display:flex;align-items:center}.ribbon-tab:hover{background:#ffffff0d;color:#fff}.ribbon-tab.active{color:#fff;background:#2d2d2d;border-bottom-color:#4285f4}.ribbon-content{padding:6px 10px;min-height:60px;max-height:200px;opacity:1;overflow:hidden}.ribbon-panel{display:flex;align-items:flex-start;gap:4px}.ribbon-group{display:flex;flex-direction:column;padding:4px 8px}.ribbon-group-title{display:none}.ribbon-separator{width:1px;background:#3a3a3a;margin:0 8px;align-self:stretch}.ribbon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:4px;color:#ccc;font-size:10px;cursor:pointer;transition:all .2s;min-height:70px;max-height:70px;min-width:70px;max-width:70px;width:auto;flex:0 0 auto;line-height:1.2;text-align:center;white-space:normal}.ribbon-btn:hover{background:#ffffff14;border-color:#ffffff1a;color:#fff}.ribbon-btn:active{background:#ffffff1f;transform:translateY(1px)}.ribbon-btn.active{background:#4285f44d;border-color:#4285f480;color:#fff}.ribbon-icon{font-size:20px;filter:grayscale(.3)}.ribbon-btn:hover .ribbon-icon{filter:grayscale(0)}.ribbon-btn span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;max-width:100%}.ribbon-collapse-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px 8px;cursor:pointer;font-size:16px;color:#666;transition:color .2s;z-index:10}.ribbon-collapse-btn:hover{color:#1976d2}.ribbon-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center}.ribbon-group .ribbon-group-title{width:100%;flex-basis:100%}@media(max-width:768px){.ribbon-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 5px;gap:2px}.ribbon-tabs::-webkit-scrollbar{display:none}.ribbon-tab{padding:2px 10px;font-size:11px;flex-shrink:0;min-height:auto;line-height:1}.ribbon-content{padding:8px;min-height:auto;max-height:none}.ribbon-panel{flex-wrap:wrap;gap:8px;justify-content:flex-start}.ribbon-group{flex-wrap:wrap;gap:6px;padding:4px}.ribbon-btn{min-width:60px;max-width:70px;min-height:60px;max-height:70px;padding:6px 4px;font-size:9px}.ribbon-icon{font-size:18px}.ribbon-separator{display:none}.ribbon-collapse-btn{padding:10px 12px;font-size:14px;min-height:20px}}@media(max-width:480px){.ribbon-menu{display:none}.ribbon-tabs{padding:0 2px}.ribbon-tab{padding:8px 10px;font-size:11px}.ribbon-btn{min-width:50px;max-width:60px;min-height:50px;max-height:60px;padding:4px 2px;font-size:8px}.ribbon-icon{font-size:16px}.ribbon-group{padding:2px;gap:4px}}@media(max-width:768px){.ribbon-menu{display:none}}.project-selector-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298,#7e22ce);display:flex;justify-content:center;align-items:flex-start;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;padding:20px;box-sizing:border-box}.project-selector-box{background:#fffffff2;border-radius:16px;padding:40px;width:100%;max-width:900px;box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:auto 0;position:relative}.logout-btn{position:absolute;top:16px;right:16px;padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;z-index:10}.logout-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.logout-btn:active{transform:translateY(0)}.project-selector-header{text-align:center;margin-bottom:32px}.project-selector-header h1{margin:0 0 8px;color:#1e3c72;font-size:32px;font-weight:700}.project-selector-header p{margin:0;color:#666;font-size:16px}.project-selector-content{display:flex;flex-direction:column;gap:32px}.projects-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:600px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:900px){.projects-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1100px){.projects-grid{grid-template-columns:repeat(6,1fr)}}.project-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:row;align-items:center;text-align:left;position:relative;gap:12px}.project-card-content{display:flex;flex-direction:column;flex:1;min-width:0}@media(min-width:600px){.project-card{flex-direction:column;text-align:center;gap:0}.project-card-content{width:100%}}.project-card:hover{border-color:#2a5298;transform:translateY(-4px);box-shadow:0 8px 24px #2a529833}.project-card-icon{font-size:36px;margin-bottom:0;flex-shrink:0}@media(min-width:600px){.project-card-icon{margin-bottom:8px}}.project-card-title{font-size:15px;font-weight:600;color:#1e3c72;margin-bottom:4px;word-break:break-word}@media(min-width:600px){.project-card-title{margin-bottom:6px}}.project-card-description{font-size:12px;color:#666;margin-bottom:0;min-height:auto;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:600px){.project-card-description{margin-bottom:8px;min-height:32px}}.project-card-date{font-size:11px;color:#999;margin-top:auto}.project-menu-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:4px;cursor:pointer;font-size:18px;color:#666;transition:all .2s;z-index:5;opacity:0}.project-card:hover .project-menu-btn{opacity:1}@media(max-width:599px){.project-menu-btn{opacity:1}}.project-menu-btn:hover{background:#0000001a;color:#333}.project-menu{position:absolute;top:38px;right:8px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:10;overflow:hidden}.project-menu-item{width:100%;padding:10px 16px;border:none;background:#fff;color:#333;font-size:14px;text-align:left;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.project-menu-item:hover{background:#f5f5f5}.project-menu-delete{color:#dc3545}.project-menu-delete:hover{background:#fff5f5}.project-menu-item:disabled{opacity:.5;cursor:not-allowed}.new-project-card{border:2px dashed #2a5298;background:linear-gradient(135deg,#2a52980d,#7e22ce0d)}.new-project-card:hover{border-color:#1e3c72;background:linear-gradient(135deg,#2a52981a,#7e22ce1a)}.new-project-form{background:#fff;border:2px solid #2a5298;border-radius:12px;padding:20px}.new-project-form h3{margin:0 0 16px;color:#1e3c72;font-size:18px}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;color:#333;font-size:14px;font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s;outline:none;box-sizing:border-box}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.form-field textarea{resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-create{padding:10px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#e0e0e0;color:#666}.btn-cancel:hover{background:#d0d0d0}.btn-create{background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff}.btn-create:hover{background:linear-gradient(135deg,#3462b8,#2a4c92);transform:translateY(-2px);box-shadow:0 8px 20px #2a529866}.projects-list h3{margin:0 0 16px;color:#1e3c72;font-size:20px}.template-card{border:2px solid #7e22ce;background:linear-gradient(135deg,#7e22ce0d,#7e22ce1a)}.template-card:hover{border-color:#6b1db1;background:linear-gradient(135deg,#7e22ce1a,#7e22ce26)}.template-card.selected{border-color:#7e22ce;border-width:3px;background:linear-gradient(135deg,#7e22ce33,#7e22ce40);box-shadow:0 0 0 4px #7e22ce4d,0 8px 24px #7e22ce66;transform:scale(1.05)}.empty-template-card{border:2px solid #2a5298;background:linear-gradient(135deg,#2a52980d,#2a52981a)}.empty-template-card:hover{border-color:#1e3c72;background:linear-gradient(135deg,#2a52981a,#2a529826)}.empty-template-card.selected{border-color:#2a5298;border-width:3px;background:linear-gradient(135deg,#2a529833,#2a529840);box-shadow:0 0 0 4px #2a52984d,0 8px 24px #2a529866;transform:scale(1.05)}.template-badge{position:absolute;top:8px;left:8px;background:#7e22ce;color:#fff;font-size:9px;padding:3px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.selected-checkmark{position:absolute;top:8px;right:8px;background:#28a745;color:#fff;font-size:16px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #28a74580}@media(max-width:768px){.project-selector-container{padding:12px;align-items:flex-start}.project-selector-box{padding:60px 20px 20px;border-radius:12px;margin-top:10px}.logout-btn{top:12px;right:12px;padding:8px 16px;font-size:13px}.project-selector-header h1{font-size:24px}.project-selector-header p{font-size:14px}}@media(max-width:480px){.project-selector-container{padding:8px}.project-selector-box{padding:56px 16px 16px;border-radius:10px}.logout-btn{top:10px;right:10px;padding:8px 14px;font-size:12px}.project-selector-header h1{font-size:20px}.project-selector-header p{font-size:13px}}.minimized-modal-fabs{position:fixed;left:16px;bottom:20px;z-index:9998;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.minimized-modal-fab{pointer-events:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;border:none;border-radius:28px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #4285f466;transition:all .2s ease;animation:fabSlideIn .3s ease-out}.minimized-modal-fab:hover{transform:translate(4px);box-shadow:0 6px 16px #4285f480}.minimized-modal-fab:active{transform:translate(2px)}.fab-icon{font-size:18px;line-height:1}.fab-label{white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}@keyframes fabSlideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media(min-width:769px){.minimized-modal-fab{padding:8px 14px;font-size:13px}.fab-icon{font-size:16px}.fab-label{max-width:100px}}@media(max-width:768px){.minimized-modal-fabs{left:12px;bottom:80px}.minimized-modal-fab{padding:12px 18px;font-size:15px;border-radius:32px}.fab-icon{font-size:20px}.fab-label{max-width:140px}}