@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#f5f5f5;-webkit-font-smoothing:antialiased;background-color:#1e1e1e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:500}.app-header{position:absolute;top:30px;left:30px}.app-logo{opacity:.9;filter:brightness(0)invert();width:auto;height:32px}main{width:100%;height:100vh;padding-top:60px}.account-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-modal-content{background-color:#252525;border:1px solid #333;border-radius:20px;width:100%;max-width:460px;padding:40px;animation:.3s ease-out accountModalAppear;box-shadow:0 25px 50px #00000080}@keyframes accountModalAppear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.account-modal-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.account-modal-header h2{letter-spacing:-.03em;color:#ede986;margin:0;font-size:1.5rem;font-weight:800}.account-avatar-section{border-bottom:1px solid #333;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:24px;display:flex}.account-avatar-wrapper{cursor:pointer;background-color:#2a2a2a;border:2px solid #ede986;border-radius:50%;flex-shrink:0;width:72px;height:72px;transition:border-color .2s;position:relative;overflow:hidden}.account-avatar-wrapper:hover{border-color:#f8f495}.account-avatar-wrapper:hover .account-avatar-overlay{opacity:1}.account-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.account-avatar-placeholder{color:#ede986;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;font-weight:700;display:flex}.account-avatar-overlay{color:#ede986;opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.upload-spinner{border:2px solid #ede9864d;border-top-color:#ede986;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.account-user-info{flex-direction:column;gap:4px;display:flex}.account-display-name{color:#e0e0e0;margin:0;font-size:1.1rem;font-weight:700}.account-display-email{color:#888;margin:0;font-size:.85rem}.account-tabs{background-color:#1e1e1e;border-radius:10px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.account-tab{color:#888;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.account-tab:hover{color:#e0e0e0;background-color:#ffffff0d}.account-tab.active{color:#ede986;background-color:#ede9861a;box-shadow:0 0 8px #ede98614}.form-group input{color:#f5f5f5;box-sizing:border-box;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.cancel-btn{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background-color:#0000;border:1px solid #333;border-radius:10px;padding:12px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.submit-btn{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background-color:#ede986;border:none;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.submit-btn:hover:not(:disabled){background-color:#f8f495;transform:translateY(-1px);box-shadow:0 4px 15px #ede98626}.account-msg{border-radius:8px;margin:-8px 0 16px;padding:10px 14px;font-size:.82rem;font-weight:500}.account-msg.ok{color:#6dc87a;background-color:#64c8781a;border:1px solid #64c87833}.account-msg.err{color:#e07070;background-color:#dc50501a;border:1px solid #dc505033}.account-tab-content-wrapper{flex-direction:column;display:flex}.account-tab-pane{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .35s;display:grid}.account-tab-pane.active{opacity:1;pointer-events:auto;grid-template-rows:1fr}.account-tab-inner{min-height:0;overflow:hidden}@media (width<=768px){.account-modal-overlay{justify-content:stretch;align-items:stretch}.account-modal-content{box-sizing:border-box;border:none;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;margin:0;padding:24px;display:flex}.account-tab-content-wrapper{flex:1;overflow-y:auto}.account-tab-pane{display:none}.account-tab-pane.active{flex-direction:column;flex:1;animation:.25s ease-out accountPaneFadeIn;display:flex}.account-tab-inner,.account-tab-inner form{flex-direction:column;flex:1;display:flex}.modal-actions{background-color:#252525;margin-top:auto;padding-top:20px;position:sticky;bottom:0}@keyframes accountPaneFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.main-header{z-index:1000;background-color:#1a1a1a;border-bottom:1px solid #333;align-items:center;width:100%;height:60px;display:flex;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 30px;display:flex}.logo-link{align-items:center;height:80%;text-decoration:none;display:flex}.header-logo{width:auto;height:90%}.header-user{align-items:center;gap:15px;display:flex}.user-name{color:#f5f5f5;font-size:1rem;font-weight:500}.user-avatar{background-color:#2a2a2a;border:2px solid #ede986;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#ede986;font-size:1.1rem;font-weight:600}.header-user-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:15px;padding:6px 10px;font-family:inherit;transition:background-color .2s;display:flex}.header-user-btn:hover{background-color:#ffffff0f}.header-user-btn .user-name{color:#f5f5f5;font-size:1rem;font-weight:500}.auth-page{background-color:#1a1a1a;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.auth-container{background-color:#252525;border:1px solid #333;border-radius:20px;flex-direction:column;width:100%;max-width:400px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #0006}.auth-waves{pointer-events:none;z-index:0;opacity:.12;width:100%;height:80px;position:absolute;bottom:0;left:0}.wave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9V88.7h800v-31.8z' fill='%23EDE986'/%3E%3C/svg%3E") bottom/cover no-repeat;width:100%;height:100%;position:absolute;bottom:0;left:0}.wave:nth-child(2){opacity:.6;transform:scaleX(-1)translate(-10%)}.auth-form-header{z-index:2;text-align:center;margin-bottom:48px;position:relative}.auth-container h1{letter-spacing:-.03em;color:#ede986;margin-bottom:8px;font-size:1.75rem;font-weight:800}.auth-subtitle{color:#a0a0a0;font-size:.9rem;font-weight:400}.auth-form{z-index:2;flex-direction:column;gap:18px;display:flex;position:relative}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#555;pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute;left:16px}.input-group:focus-within .input-icon{color:#ede986}.input-group input{color:#f5f5f5;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;width:100%;padding:14px 16px 14px 46px;font-family:inherit;font-size:.95rem;transition:all .2s}.input-group input:focus{background-color:#222;border-color:#ede986;outline:none}.auth-btn{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background-color:#ede986;border:none;border-radius:10px;margin-top:6px;padding:15px;font-size:.9rem;font-weight:700;transition:all .2s}.auth-btn:hover:not(:disabled){background-color:#f8f495;transform:translateY(-1px)}.auth-divider{z-index:2;color:#444;align-items:center;margin:24px 0;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #333;flex:1}.auth-divider span{text-transform:uppercase;padding:0 12px;font-size:.7rem;font-weight:600}.google-auth-btn{z-index:2;color:#a0a0a0;background-color:#0000;border:1.5px solid #333;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:13px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.google-auth-btn:hover{color:#fff;background-color:#2a2a2a;border-color:#444}.google-auth-btn svg{width:18px;height:18px}.status-message{z-index:2;color:#ede986;text-align:center;background-color:#ede9860d;border:1px solid #ede9861a;border-radius:8px;margin-top:16px;padding:12px;font-size:.85rem;position:relative}.status-message.error{color:#ff8080;background-color:#ff50500d;border-color:#ff50501a}.auth-footer{z-index:2;text-align:center;color:#666;margin-top:32px;font-size:.85rem;position:relative}.auth-footer a{color:#ede986;font-weight:600;text-decoration:none}.main-page-loading{background-color:#1a1a1a;justify-content:center;align-items:center;width:100%;height:calc(100vh - 60px);display:flex}.main-layout{background-color:#1a1a1a;width:100%;height:calc(100vh - 60px);display:flex}.sidebar{-webkit-backdrop-filter:blur(12px);background-color:#25252599;border-right:1px solid #333;flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;padding:30px 20px;display:flex;position:relative;overflow:hidden}.sidebar-waves{pointer-events:none;z-index:0;opacity:.1;width:100%;height:80px;position:absolute;bottom:0;left:0}.sidebar-waves .wave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9V88.7h800v-31.8z' fill='%23EDE986'/%3E%3C/svg%3E") bottom/cover no-repeat;width:100%;height:100%;position:absolute;bottom:0;left:0}.sidebar-waves .wave:nth-child(2){opacity:.6;transform:scaleX(-1)translate(-10%)}.sidebar-section{z-index:1;position:relative}.sidebar-section h3{text-transform:uppercase;color:#888;letter-spacing:.08em;margin-bottom:15px;padding-left:10px;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:4px;list-style:none;display:flex}.sidebar-nav li{color:#a0a0a0;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 15px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav li .nav-icon{color:inherit;opacity:.7;align-items:center;transition:opacity .2s;display:flex}.sidebar-nav li:hover{color:#e0e0e0;background-color:#ffffff0d}.sidebar-nav li:hover .nav-icon{opacity:1}.sidebar-nav li.active{color:#ede986;background-color:#ede9861a}.sidebar-nav li.active .nav-icon{opacity:1}.sidebar-bottom{z-index:1;border-top:1px solid #333;padding-top:20px;position:relative}.logout-btn{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background-color:#0000;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#ede986;background-color:#ffffff0d;border-color:#ede98666;box-shadow:0 0 8px #ede9861a}.main-content{background-color:#1a1a1a;flex:1;padding:40px;overflow-y:auto}.content-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;display:flex}.content-header h2{letter-spacing:-.03em;color:#ede986;font-size:1.75rem;font-weight:800}.create-project-btn{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background-color:#ede986;border:none;border-radius:10px;padding:12px 24px;font-size:.85rem;font-weight:700;transition:all .2s}.create-project-btn:hover{background-color:#f8f495;transform:translateY(-1px);box-shadow:0 4px 15px #ede98626}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.project-card{cursor:pointer;background-color:#252525;border:1px solid #333;border-radius:20px;flex-direction:column;padding:28px;transition:all .25s;display:flex}.project-card:hover{-webkit-backdrop-filter:blur(8px);background-color:#2d2d2dcc;border-color:#ede98680;transform:translateY(-4px);box-shadow:0 12px 30px #0006,0 0 12px #ede9864d}.project-card h3{color:#e0e0e0;margin-bottom:8px;font-size:1.15rem;font-weight:700}.project-date{color:#888;font-size:.8rem;font-weight:400}.open-editor-btn{color:#a0a0a0;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background-color:#0000;border:1px solid #333;border-radius:10px;margin-top:5%;padding:10px;font-size:.75rem;font-weight:600;transition:all .2s}.open-editor-btn:hover:not(:disabled){-webkit-backdrop-filter:blur(8px);color:#ede986;background-color:#ede9860d;border-color:#ede98680;box-shadow:0 0 12px #ede98633}.open-editor-btn:disabled{opacity:.5;cursor:not-allowed}.project-card-actions{align-items:center;gap:10px;margin-top:15px;display:flex}.project-delete-btn{color:#888;cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.project-delete-btn:hover{color:#ff5252;background-color:#ff52520d;border-color:#ff5252;box-shadow:0 0 8px #ff525226}.loading-text{color:#a0a0a0}.empty-state{text-align:center;background-color:#252525;border:1px dashed #333;border-radius:20px;padding:60px 40px}.empty-state p{color:#888;font-size:.95rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#252525;border:1px solid #333;border-radius:20px;width:100%;max-width:440px;padding:40px;animation:.3s ease-out modalAppear;box-shadow:0 25px 50px #0006}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.modal-header h2{letter-spacing:-.03em;color:#ede986;margin:0;font-size:1.5rem;font-weight:800}.close-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1;transition:color .2s}.close-btn:hover{color:#ede986}.form-group{margin-bottom:24px}.form-group label{color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.form-group input{color:#f5f5f5;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus{background-color:#222;border-color:#ede986;outline:none}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.cancel-btn{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background-color:#0000;border:1px solid #333;border-radius:10px;padding:12px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.cancel-btn:hover{color:#e0e0e0;background-color:#ffffff0d;border-color:#444}.submit-btn{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background-color:#ede986;border:none;border-radius:10px;padding:12px 24px;font-size:.85rem;font-weight:700;transition:all .2s}.submit-btn:hover:not(:disabled){background-color:#f8f495;transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.template-tiles-container{flex-direction:column;gap:12px;margin-top:8px;display:flex}.template-tile{cursor:pointer;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.template-tile:hover{background-color:#222;border-color:#555}.template-tile.selected{background-color:#ede9860d;border-color:#ede986}.template-ratio-preview{background-color:#111;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.template-ratio-box{opacity:.9;background-color:#fff;border-radius:2px}.template-info{flex-direction:column;display:flex}.template-name{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.template-dims{color:#888;margin-top:4px;font-size:.7rem}.template-action-btn{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.template-tile:hover .template-action-btn{opacity:1}.template-action-btn:hover{color:#ede986;background:#ffffff1a}.template-action-btn.delete-btn:hover{color:#ff5252;background:#ff52521a}.template-action-btn.confirm-btn:hover{background:#2ecc711a}.template-rename-input{color:#f5f5f5;box-sizing:border-box;background:#2a2a2a;border:1px solid #ede986;border-radius:4px;outline:none;width:100%;padding:4px 6px;font-family:inherit;font-size:.9rem;font-weight:500}.template-tab-switch{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:12px;padding:3px;display:flex}.template-tab-btn{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.template-tab-btn:hover{color:#ccc}.template-tab-btn.active{color:#ede986;background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.toast-notification{color:#fff;z-index:2000;pointer-events:none;background-color:#2ecc71;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 8px 24px #0006}.toast-notification.show{transform:translate(-50%)translateY(0)}@media (width<=768px){.sidebar{-webkit-backdrop-filter:none;pointer-events:none;background:0 0;border:none;width:100%;height:auto;padding:0;position:absolute}.sidebar-section,.sidebar-waves{display:none}.sidebar-bottom{z-index:100;pointer-events:auto;background-color:#1a1a1a;border-top:1px solid #333;width:100%;padding:16px;position:fixed;bottom:0;left:0}.logout-btn{width:100%}.main-content{padding:20px 20px 80px}.content-header{flex-direction:column;align-items:flex-start;gap:16px}.create-project-btn{width:100%}.modal-overlay{justify-content:stretch;align-items:stretch;padding:0}.modal-content{box-sizing:border-box;border:none;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;margin:0;padding:24px;display:flex}.modal-content form{flex-direction:column;flex:1;display:flex;overflow-y:auto}.template-tiles-container{flex:1;min-height:200px}.modal-actions{background-color:#252525;margin-top:auto;padding-top:20px;position:sticky;bottom:0}}.editor-wrapper{background-color:#1a1a1a;flex-direction:column;height:calc(100vh - 60px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.editor-topbar{-webkit-backdrop-filter:blur(12px);z-index:200;background-color:#252525cc;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex;position:relative}.editor-topbar-left{align-items:center;gap:8px;display:flex}.editor-topbar-center{align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.editor-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-btn{color:#a0a0a0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s;display:flex}.topbar-btn svg{width:16px;height:16px;display:block}.topbar-btn:hover{color:#e0e0e0;background-color:#ffffff0d}.topbar-menu-wrapper{align-items:center;display:flex;position:relative}.topbar-dropdown{-webkit-backdrop-filter:blur(16px);z-index:1000;background-color:#252525f2;border:1px solid #ffffff14;border-radius:10px;min-width:180px;margin-top:8px;padding:6px;animation:.15s ease-out dropdownAppear;position:absolute;top:100%;left:0;box-shadow:0 12px 30px #00000080,0 0 0 1px #ffffff08}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{text-align:left;color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#ede986;background-color:#ede9861a}.topbar-btn-accent{color:#1a1a1a;text-transform:uppercase;letter-spacing:.04em;background-color:#ede986;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:700}.topbar-btn-accent:hover{color:#111;background-color:#f8f495}.topbar-divider{background-color:#333;flex-shrink:0;width:1px;height:20px}.topbar-canvas-name{color:#e0e0e0;font-size:13px;font-weight:500}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.connected{background-color:#2ecc71}.status-dot.disconnected{background-color:#e74c3c}.editor-body{flex:1;display:flex;overflow:hidden}.editor-toolbar{-webkit-backdrop-filter:blur(12px);z-index:100;background-color:#25252599;border-right:1px solid #333;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:52px;padding:12px 0;display:flex;position:relative}.toolbar-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.toolbar-btn:hover{color:#e0e0e0;background-color:#ffffff0d}.toolbar-btn.active{color:#ede986;background-color:#ede9861a}.toolbar-btn svg{stroke-width:1.5px;width:18px;height:18px}.toolbar-separator{background-color:#333;width:28px;height:1px;margin:4px 0}.editor-canvas-area{background-color:#2a2a2a;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.editor-canvas-frame{background-color:#f0f0f0;position:relative;box-shadow:0 8px 40px #00000080}.editor-right-panel{-webkit-backdrop-filter:blur(12px);z-index:10;background-color:#25252599;border-left:1px solid #333;flex-direction:column;flex-shrink:0;display:flex;position:relative}.panel-resize-handle-v{cursor:col-resize;z-index:20;background:0 0;flex-shrink:0;width:4px;margin-left:-2px;margin-right:-2px;transition:background .2s;position:relative}.panel-resize-handle-v:hover,.panel-resize-handle-v.is-resizing{background:#ede986}.panel-resize-handle-h{cursor:row-resize;z-index:20;background:#333;flex-shrink:0;height:4px;transition:background .2s}.panel-resize-handle-h:hover,.panel-resize-handle-h.is-resizing{background:#ede986}.panel-section{flex-direction:column;min-height:100px;display:flex}.panel-header{color:#ede986;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #333;flex-shrink:0;padding:10px 16px;font-size:.75rem;font-weight:600}.layers-list{flex:1;padding:6px 0;overflow-y:auto}.layer-item{color:#a0a0a0;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;align-items:center;gap:8px;padding:7px 16px;font-size:13px;transition:all .15s;display:flex}.layer-item:hover{color:#e0e0e0;background-color:#ffffff0d}.layer-item.active{color:#ede986;background-color:#ede98614}.layer-item-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.layer-item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layer-item-input{color:#f5f5f5;background:#1a1a1a;border:1px solid #ede986;border-radius:6px;outline:none;width:100%;margin-top:-3px;margin-bottom:-3px;padding:2px 6px;font-family:inherit;font-size:13px}.layer-item.is-hidden .layer-item-main{opacity:.4}.layer-visibility-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-right:-4px;padding:4px;transition:color .15s,background .15s;display:flex}.layer-visibility-btn:hover{color:#ede986;background:#ede9861a}.layer-visibility-btn svg{width:14px;height:14px}.layer-delete-btn{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:opacity .15s,color .15s,background .15s;display:flex}.layer-item:hover .layer-delete-btn{opacity:1}.layer-delete-btn:hover{color:#ff5252;background:#ff52521a}.layer-delete-btn svg{width:14px;height:14px;opacity:1!important}.layer-item svg{opacity:.6;flex-shrink:0;width:14px;height:14px}.layer-item.active svg{opacity:1;color:#ede986}.panel-divider{background-color:#333;flex-shrink:0;height:1px}.layer-item.is-dragging{opacity:.8;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 12px #0000004d}.properties-section{flex-shrink:0;min-height:100px;max-height:calc(100vh - 280px);padding:12px 16px;overflow-y:auto}.properties-placeholder{color:#555;font-size:12px;font-style:italic}.prop-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.prop-label{color:#888;font-size:12px}.prop-value{color:#e0e0e0;font-family:monospace;font-size:12px}.editor-error-bar{color:#e74c3c;background-color:#e74c3c26;border-top:1px solid #e74c3c66;flex-shrink:0;padding:6px 16px;font-size:12px}.layers-list::-webkit-scrollbar{width:4px}.layers-list::-webkit-scrollbar-track{background:0 0}.layers-list::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.properties-section::-webkit-scrollbar{width:4px}.properties-section::-webkit-scrollbar-track{background:0 0}.properties-section::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.draw-props{flex-direction:column;gap:0;display:flex}.draw-prop-group{border-bottom:1px solid #2a2a2a;padding:10px 16px}.draw-prop-group:last-child{border-bottom:none}.draw-prop-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.draw-prop-label{color:#888;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.draw-prop-header .draw-prop-label{margin-bottom:0}.draw-prop-val{color:#ede986;font-family:monospace;font-size:12px;font-weight:600}.draw-color-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.color-swatch-wrapper{flex-shrink:0;width:32px;height:32px;position:relative}.color-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-swatch{pointer-events:none;border:2px solid #333;border-radius:8px;width:32px;height:32px;transition:border-color .2s;box-shadow:inset 0 0 0 1px #0000004d}.color-swatch-wrapper:hover .color-swatch{border-color:#ede986}.draw-prop-value-label{color:#e0e0e0;letter-spacing:.04em;font-family:inherit;font-size:12px}.expand-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.expand-btn:hover{color:#ede986;background:#ffffff0d}.expand-btn svg{width:14px;height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.expand-btn.active svg{transform:rotate(180deg)}.color-expandable-content{margin-top:2px;animation:.2s ease-out color-slide-down;overflow:hidden}@keyframes color-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quick-colors-section{margin-top:12px}.quick-colors-section:first-of-type{margin-top:0}.quick-colors-label{color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.quick-colors{flex-wrap:wrap;gap:6px;display:flex}.quick-color-btn{cursor:pointer;border:1.5px solid #333;border-radius:6px;flex-shrink:0;width:22px;height:22px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 0 1px #0003}.quick-color-btn:hover{border-color:#ede986;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.quick-color-btn.active{z-index:1;border-color:#ede986;transform:scale(1.1);box-shadow:0 0 0 1.5px #ede986,0 4px 10px #ede98633}.draw-slider{appearance:none;cursor:pointer;background:#333;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.draw-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ede986;border:2px solid #1a1a1a;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 0 1px #ede986}.draw-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.draw-slider::-moz-range-thumb{cursor:pointer;background:#ede986;border:2px solid #1a1a1a;border-radius:50%;width:14px;height:14px}.opacity-slider{background:linear-gradient(to right, transparent, var(--slider-color,#ede986)), repeating-conic-gradient(#444 0% 25%, #2a2a2a 0% 50%) 0 0 / 8px 8px}.draw-slider-marks{justify-content:space-between;margin-top:4px;display:flex}.draw-slider-marks span{color:#555;font-size:10px}.draw-input-wrapper{background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;padding:4px 8px;transition:border-color .2s;display:flex}.draw-input-wrapper:focus-within{border-color:#ede986}.draw-num-input{color:#e0e0e0;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.draw-input-unit{color:#555;-webkit-user-select:none;user-select:none;margin-left:4px;font-size:11px;font-weight:600}.draw-prop-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.draw-prop-grid .draw-prop-group{border-right:1px solid #2a2a2a}.draw-prop-grid .draw-prop-group:last-child{border-right:none}.linecap-options{gap:6px;display:flex}.linecap-btn{cursor:pointer;color:#888;letter-spacing:.04em;text-transform:uppercase;background:#1e1e1e;border:1.5px solid #333;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:7px 4px;font-size:10px;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}.linecap-btn:hover{color:#e0e0e0;border-color:#444}.linecap-btn.active{color:#ede986;background:#ede9860f;border-color:#ede98680;box-shadow:0 0 8px #ede9861a}.linecap-preview{background:currentColor;width:28px;height:6px;display:block}.linecap-preview.linecap-round{border-radius:3px}.linecap-preview.linecap-square{border-radius:0}.linecap-preview.linecap-butt{border-radius:0;width:24px}.brush-preview-wrap{background:#1e1e1e;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;padding:2px 0;display:flex;overflow:hidden}.shape-flyout{-webkit-backdrop-filter:blur(12px);z-index:100;background:#252525f2;border:1px solid #333;border-radius:14px;flex-direction:column;gap:2px;min-width:130px;padding:6px;animation:.12s cubic-bezier(.4,0,.2,1) flyout-in;display:flex;position:absolute;top:8px;left:calc(100% + 8px);box-shadow:0 12px 40px #00000080}@keyframes flyout-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.shape-flyout-btn{color:#a0a0a0;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:flex}.shape-flyout-btn svg{stroke-width:1.5px;flex-shrink:0;width:16px;height:16px}.shape-flyout-btn:hover{color:#e0e0e0;background:#ffffff0d}.shape-flyout-btn.active{color:#ede986;background:#ede9861a}.font-select{color:#e0e0e0;cursor:pointer;appearance:none;background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 8px center/16px no-repeat;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:6px 30px 6px 10px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s}.font-select:hover,.font-select:focus{border-color:#ede986}.font-select option{color:#e0e0e0;background:#1e1e1e}.text-style-btns{gap:6px;display:flex}.text-style-btn{cursor:pointer;color:#888;background:#1e1e1e;border:1.5px solid #333;border-radius:8px;flex:1;justify-content:center;align-items:center;height:34px;padding:0;font-family:Inter,sans-serif;font-size:14px;line-height:1;transition:border-color .2s,color .2s,background .2s;display:flex}.text-style-btn:hover{color:#e0e0e0;border-color:#444}.text-style-btn.active{color:#ede986;background:#ede9860f;border-color:#ede98680;box-shadow:0 0 8px #ede9861a}.text-align-btns{gap:6px;display:flex}.text-align-btn{cursor:pointer;color:#888;background:#1e1e1e;border:1.5px solid #333;border-radius:8px;flex:1;justify-content:center;align-items:center;height:34px;padding:0;transition:border-color .2s,color .2s,background .2s;display:flex}.text-align-btn svg{width:16px;height:16px}.text-align-btn:hover{color:#e0e0e0;border-color:#444}.text-align-btn.active{color:#ede986;background:#ede9860f;border-color:#ede98680;box-shadow:0 0 8px #ede9861a}.text-edit-overlay{z-index:9999;outline-offset:1px;resize:none;box-sizing:border-box;color:inherit;line-height:inherit;caret-color:currentColor;background:0 0;border:none;border-radius:2px;outline:1.5px dashed #ede986b3;margin:0;position:absolute;overflow:hidden}.mobile-bottom-bar,.mobile-bottom-sheet{display:none}@media (width<=768px){.editor-topbar{height:52px;padding:0 12px}.editor-topbar-left .topbar-btn:first-child,.editor-topbar-left .topbar-btn:nth-child(2),.topbar-divider:first-of-type,.topbar-canvas-name{display:none}.topbar-btn-accent{padding:5px 10px;font-size:11px}.editor-wrapper{height:100dvh}.editor-toolbar{z-index:500;-webkit-backdrop-filter:blur(20px);background:#191919eb;border:1px solid #ffffff14;border-left:none;border-radius:0 18px 18px 0;flex-direction:column;align-items:center;width:auto;height:auto;padding:10px 8px 10px 4px;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:3px 0 20px #00000080,0 0 0 1px #ffffff0a}.toolbar-btn{border-radius:10px;width:44px;height:44px}.toolbar-btn svg{width:20px;height:20px}.toolbar-separator{width:24px;margin:3px 0}.shape-flyout{border-radius:14px;top:0;bottom:auto;left:calc(100% + 6px)}.editor-right-panel,.panel-resize-handle-v{display:none!important}.editor-canvas-area{padding-bottom:60px}.image-panel{z-index:480;border-top:1px solid #444;border-left:none;border-radius:20px 20px 0 0;max-height:65vh;bottom:60px;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 40px #00000080;width:100%!important;position:fixed!important;top:auto!important}.mobile-bottom-bar{-webkit-backdrop-filter:blur(20px);z-index:600;height:60px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);background:#161616f7;border-top:1px solid #ffffff12;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.mobile-bar-btn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;padding:8px 4px;font-family:Inter,sans-serif;transition:color .2s;display:flex}.mobile-bar-btn span{text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600;line-height:1}.mobile-bar-btn:hover,.mobile-bar-btn.active{color:#ede986;background:#ede9860f}.mobile-bar-btn:disabled{cursor:default}.mobile-bar-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:28px;margin:0 4px}.mobile-bottom-sheet{-webkit-backdrop-filter:blur(24px);z-index:550;background:#1c1c1cfa;border-top:1px solid #ffffff14;border-radius:20px 20px 0 0;flex-direction:column;max-height:62vh;transition:max-height .32s cubic-bezier(.32,.72,0,1);animation:.28s cubic-bezier(.32,.72,0,1) mobileSheetUp;display:flex;position:fixed;bottom:60px;left:0;right:0;overflow:hidden;box-shadow:0 -8px 40px #0009}.mobile-bottom-sheet.expanded{max-height:calc(100dvh - 112px)}@keyframes mobileSheetUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-sheet-handle-bar{box-sizing:content-box;cursor:grab;background:#ffffff2e padding-box content-box;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0;padding:10px 20px;transition:background .2s}.mobile-sheet-handle-bar:hover,.mobile-sheet-handle-bar:active{cursor:grabbing;background-color:#ede9868c;background-clip:content-box}.mobile-sheet-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.mobile-sheet-title{text-transform:uppercase;letter-spacing:.1em;color:#ede986;font-size:11px;font-weight:700}.mobile-sheet-close{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1;transition:color .2s}.mobile-sheet-close:hover{color:#ede986}.mobile-sheet-body{overscroll-behavior:contain;flex:1;padding-bottom:8px;overflow-y:auto}.layer-item{padding:11px 16px;font-size:14px}.layer-visibility-btn,.layer-delete-btn{padding:6px;opacity:1!important}.layer-visibility-btn svg,.layer-delete-btn svg{width:16px;height:16px}.properties-section{max-height:none;padding:10px 14px}.draw-prop-group{padding:10px 14px}}.share-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;animation:.15s ease-out share-overlay-in;display:flex;position:fixed;inset:0}@keyframes share-overlay-in{0%{opacity:0}to{opacity:1}}.share-modal-content{background:#252525;border:1px solid #333;border-radius:20px;width:100%;max-width:480px;max-height:86vh;padding:32px;animation:.2s cubic-bezier(.34,1.56,.64,1) share-modal-in;overflow-y:auto;box-shadow:0 30px 60px #00000080,0 0 0 1px #ede9860d}.share-modal-content::-webkit-scrollbar{width:4px}.share-modal-content::-webkit-scrollbar-track{background:0 0}.share-modal-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}@keyframes share-modal-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.share-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.share-modal-title-group{align-items:flex-start;gap:14px;display:flex}.share-modal-icon-wrap{color:#ede986;background:#ede9861a;border:1px solid #ede98626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.share-modal-header h2{color:#ede986;letter-spacing:-.03em;margin:0 0 4px;font-size:1.2rem;font-weight:800}.share-modal-subtitle{color:#666;margin:0;font-size:.78rem;line-height:1.5}.share-modal-close{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.75rem;line-height:1;transition:color .2s}.share-modal-close:hover{color:#ede986}.share-form-group{margin-bottom:0}.share-form-group label{color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}.share-input-row{align-items:stretch;gap:8px;display:flex}.share-input-wrap{background:#1e1e1e;border:1px solid #333;border-radius:10px;flex:1;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.share-input-wrap:focus-within{border-color:#ede986;box-shadow:0 0 0 3px #ede98614}.share-input-wrap.has-error{border-color:#e74c3c99;box-shadow:0 0 0 3px #e74c3c14}.share-input-icon{color:#555;flex-shrink:0}.share-input-wrap input{color:#f5f5f5;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:Inter,sans-serif;font-size:.9rem}.share-input-wrap input::placeholder{color:#444}.share-input-wrap input:disabled{opacity:.5;cursor:not-allowed}.share-error-msg{color:#e74c3c;margin:8px 0 0;font-size:.78rem}.share-btn-secondary{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:1px solid #333;border-radius:10px;padding:10px 18px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s}.share-btn-secondary:hover:not(:disabled){color:#e0e0e0;background:#ffffff0a;border-color:#444}.share-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.share-btn-primary{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#ede986;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.share-btn-primary:hover:not(:disabled){background:#f8f495;transform:translateY(-1px);box-shadow:0 4px 14px #ede98633}.share-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.share-inline-btn{flex-shrink:0}.share-spinner{border:2px solid #1a1a1a4d;border-top-color:#1a1a1a;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite share-spin;display:inline-block}.share-spinner--dark{border:2px solid #ffffff1a;border-top-color:#ede986;width:16px;height:16px}.share-spinner--tiny{border:2px solid #ffffff1a;border-top-color:#a0a0a0;width:10px;height:10px}@keyframes share-spin{to{transform:rotate(360deg)}}.share-success-state{text-align:center;margin-bottom:24px;padding:8px 0 4px}.share-success-icon{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc7140;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:1.3rem;animation:.3s cubic-bezier(.34,1.56,.64,1) share-pop-in;display:flex}@keyframes share-pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.share-success-title{color:#e0e0e0;margin:0 0 6px;font-size:1rem;font-weight:800}.share-success-desc{color:#888;margin:0 0 20px;font-size:.83rem;line-height:1.6}.share-success-desc strong{color:#e0e0e0}.share-success-actions{justify-content:center;gap:10px;display:flex}.share-members-section{border-top:1px solid #2e2e2e;margin-top:24px;padding-top:20px}.share-members-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.share-members-title{text-transform:uppercase;letter-spacing:.08em;color:#888;font-size:.7rem;font-weight:700}.share-members-count{color:#a0a0a0;background:#333;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:flex}.share-members-loading{color:#666;align-items:center;gap:10px;padding:16px 0;font-size:.82rem;display:flex}.share-members-empty{color:#555;padding:12px 0;font-size:.82rem;font-style:italic}.share-members-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.share-member-item{border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.share-member-item:hover{background:#ffffff08}.share-member-avatar{color:#ede986;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#2a2a2a,#383838);border:1px solid #3a3a3a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.share-member-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.share-member-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.share-member-sub{color:#555;font-family:monospace;font-size:.72rem}.share-member-role-wrap{flex-shrink:0}.share-role-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:8px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.share-role-badge--owner{color:#ede986;background:#ede98614;border:1px solid #ede98633}.share-role-select-wrap{align-items:center;gap:6px;display:flex;position:relative}.share-role-select-wrap.is-updating .share-role-select{opacity:.5}.share-role-select-wrap.has-error .share-role-select{color:#e74c3c;border-color:#e74c3c80}.share-role-select{appearance:none;color:#a0a0a0;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:8px;outline:none;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.share-role-select:hover:not(:disabled){color:#e0e0e0;background:#222;border-color:#ede9864d}.share-role-select:focus{color:#e0e0e0;border-color:#ede986;box-shadow:0 0 0 2px #ede98614}.share-role-select:disabled{cursor:not-allowed;opacity:.5}.share-select-chevron{color:#555;pointer-events:none;flex-shrink:0;position:absolute;right:8px}.share-role-badge--editor{color:#3498db;background:#3498db14;border:1px solid #3498db33}.share-role-badge--viewer{color:#a0a0a0;background:#a0a0a014;border:1px solid #a0a0a033}.share-member-delete-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.share-member-delete-btn:hover:not(:disabled){color:#ff5252;background:#ff52520d;border-color:#ff5252;box-shadow:0 0 8px #ff525226}.share-member-delete-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal-tabs{background:#181818;border:1px solid #ffffff08;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.share-modal-tab{color:#888;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}.share-modal-tab:hover{color:#ede986;background:#ffffff05}.share-modal-tab.is-active{color:#ede986;background:#252525;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff08}.share-publish-section{animation:.2s ease-out share-fade-in}@keyframes share-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.share-copy-row{align-items:stretch;gap:8px;display:flex}.share-copy-input-wrap{background:#1e1e1e;border:1px solid #333;border-radius:10px;flex:1;align-items:center;padding:0 14px;display:flex}.share-copy-input-wrap input{color:#aaa;cursor:default;background:0 0;border:none;outline:none;width:100%;padding:12px 0;font-family:Inter,sans-serif;font-size:.85rem}.share-system-btn{color:#ede986;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ede98614;border:1px solid #ede98633;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:12px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.share-system-btn:hover{background:#ede98626;border-color:#ede986}.share-social-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.share-social-btn{color:#e0e0e0;cursor:pointer;text-align:left;background:#1e1e1e;border:1px solid #333;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.share-social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-social-btn--telegram:hover{color:#08c;background:#0088cc14;border-color:#0088cc4d}.share-social-btn--discord:hover{color:#5865f2;background:#5865f214;border-color:#5865f24d}.share-social-btn--pinterest:hover{color:#e60023;background:#e6002314;border-color:#e600234d}.share-social-btn--instagram:hover{color:#e1306c;background:#e1306c14;border-color:#e1306c4d}.share-social-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.share-toast-notification{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:9999;pointer-events:none;background:#000000e6;border:1px solid #ffffff1a;border-radius:30px;padding:10px 20px;font-size:.82rem;font-weight:600;animation:2.5s ease-in-out forwards toast-in-out;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,15px)}12%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-15px)}}.share-preview-card{aspect-ratio:16/9;background:#111;border:1px solid #292929;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009}.share-preview-loader{color:#777;flex-direction:column;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.share-preview-img{object-fit:contain;background:#181818;width:100%;height:100%;display:block}.share-preview-error{color:#ff5252;font-size:.85rem;font-weight:600}.share-action-buttons{align-items:stretch;gap:10px;display:flex}.share-action-buttons .share-system-btn{color:#ccc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;transition:all .2s}.share-action-buttons .share-system-btn:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff}.share-social-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.share-action-buttons button:disabled{opacity:.5;cursor:not-allowed}.img-panel{-webkit-backdrop-filter:blur(12px);z-index:50;background-color:#25252599;border-right:1px solid #333;flex-direction:column;flex-shrink:0;width:240px;animation:.18s cubic-bezier(.4,0,.2,1) img-panel-slide-in;display:flex;overflow:hidden}@keyframes img-panel-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.img-panel-header{border-bottom:1px solid #333;flex-shrink:0;padding:10px 16px}.img-panel-title{color:#ede986;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.img-panel-tabs{border-bottom:1px solid #2a2a2a;flex-shrink:0;gap:4px;padding:8px 10px 0;display:flex}.img-panel-tab{color:#666;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:6px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:color .2s,border-color .2s}.img-panel-tab:hover{color:#a0a0a0}.img-panel-tab.active{color:#ede986;border-bottom-color:#ede986}.img-panel-body{flex:1;position:relative;overflow:hidden}.img-panel-tabpanel{flex-direction:column;gap:10px;height:100%;padding:12px;display:none;overflow-y:auto}.img-panel-tabpanel.active{display:flex}.img-panel-tabpanel::-webkit-scrollbar{width:4px}.img-panel-tabpanel::-webkit-scrollbar-track{background:0 0}.img-panel-tabpanel::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.img-panel-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.img-panel-tile{aspect-ratio:1;cursor:pointer;background:#1e1e1e;border:1.5px solid #2e2e2e;border-radius:10px;outline:none;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.img-panel-tile:hover,.img-panel-tile:focus-visible{border-color:#ede98680;transform:translateY(-2px);box-shadow:0 6px 18px #0006,0 0 0 1px #ede9861f}.img-panel-tile:active{transform:translateY(0)scale(.97)}.img-panel-tile-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.img-panel-tile-img.loaded{opacity:1}.img-panel-tile-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 45%,#000000bf 100%);align-items:flex-end;padding:6px 7px;transition:opacity .2s;display:flex;position:absolute;inset:0}.img-panel-tile:hover .img-panel-tile-overlay,.img-panel-tile:focus-visible .img-panel-tile-overlay{opacity:1}.img-panel-tile-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;overflow:hidden}.img-panel-tile-error{color:#555;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.img-panel-skeleton{aspect-ratio:1;background:#1e1e1e;border-radius:10px;width:100%;position:relative;overflow:hidden}.img-panel-skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0a 40%,#ffffff12 50%,#ffffff0a 60%,#0000 100%) 0 0/200% 100%;animation:1.5s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.img-panel-upload-zone{cursor:pointer;background:#ffffff04;border:1.5px dashed #333;border-radius:12px;outline:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:20px 12px;transition:border-color .2s,background .2s;display:flex}.img-panel-upload-zone:hover,.img-panel-upload-zone:focus-visible{background:#ede9860a;border-color:#ede98673}.img-panel-upload-zone.uploading{cursor:not-allowed;pointer-events:none;border-color:#ede98633}.img-panel-upload-icon{color:#555;transition:color .2s}.img-panel-upload-zone:hover .img-panel-upload-icon,.img-panel-upload-zone:focus-visible .img-panel-upload-icon{color:#ede986}.img-panel-upload-label{color:#888;text-align:center;margin:0;font-size:12px;font-weight:500}.img-panel-upload-hint{color:#555;text-align:center;margin:0;font-size:10px}.img-panel-upload-error{color:#e74c3c;text-align:center;margin:4px 0 0;font-size:11px}.img-panel-upload-spinner{color:#ede986;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.img-panel-spinner-ring{border:2.5px solid #ede98633;border-top-color:#ede986;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.img-panel-empty{color:#555;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 12px;display:flex}.img-panel-empty p{margin:0;font-size:12px;font-weight:500}.img-panel-empty-hint{color:#444!important;font-size:11px!important;font-weight:400!important}.img-panel-tile-delete-btn{-webkit-backdrop-filter:blur(4px);color:#888;cursor:pointer;opacity:0;z-index:10;background:#252525cc;border:1px solid #ffffff14;border-radius:6px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:6px;right:6px;transform:scale(.9)}.img-panel-tile:hover .img-panel-tile-delete-btn,.img-panel-tile:focus-within .img-panel-tile-delete-btn{opacity:1;transform:scale(1)}.img-panel-tile-delete-btn:hover,.img-panel-tile-delete-btn:focus-visible{color:#ff5c5c;background:#e74c3c33;border-color:#e74c3c;box-shadow:0 4px 12px #e74c3c40}.img-panel-tile-delete-btn:active{transform:scale(.92)}.img-panel-tile-delete-btn svg{width:12px;height:12px}.accept-invite-page{background-color:#1a1a1a;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:40px 20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.accept-invite-glow{pointer-events:none;background:radial-gradient(#ede9860f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:4s ease-in-out infinite accept-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes accept-glow-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.accept-invite-card{z-index:1;-webkit-backdrop-filter:blur(20px);text-align:center;background:#252525d9;border:1px solid #333;border-radius:24px;width:100%;max-width:480px;padding:52px 48px;animation:.4s cubic-bezier(.34,1.2,.64,1) accept-card-in;position:relative;box-shadow:0 40px 80px #00000080,0 0 0 1px #ede9860a}@keyframes accept-card-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.accept-invite-brand{margin-bottom:36px}.accept-invite-wordmark{letter-spacing:-.04em;background:linear-gradient(135deg,#ede986 0%,#c8c44a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.accept-invite-state{flex-direction:column;align-items:center;display:flex}.accept-status-icon{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;animation:.35s cubic-bezier(.34,1.56,.64,1) accept-icon-pop;display:flex}@keyframes accept-icon-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.accept-status-icon--success{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc714d}.accept-status-icon--error{color:#e74c3c;background:#e74c3c1f;border:1px solid #e74c3c4d}.accept-spinner-wrap{justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;display:flex}.accept-spinner{border:3px solid #ede98626;border-top-color:#ede986;border-radius:50%;width:44px;height:44px;animation:.75s linear infinite accept-spin}@keyframes accept-spin{to{transform:rotate(360deg)}}.accept-invite-title{letter-spacing:-.035em;color:#e0e0e0;margin:0 0 12px;font-size:1.65rem;font-weight:800}.accept-invite-desc{color:#888;max-width:340px;margin:0 0 32px;font-size:.9rem;line-height:1.65}.accept-invite-desc strong{color:#e0e0e0;font-weight:600}.accept-invite-actions{justify-content:center;gap:12px;display:flex}.accept-btn-primary{color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ede986;border:none;border-radius:12px;padding:13px 28px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.accept-btn-primary:hover{background:#f8f495;transform:translateY(-2px);box-shadow:0 6px 20px #ede98633}.accept-btn-secondary{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #333;border-radius:12px;padding:13px 28px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.accept-btn-secondary:hover{color:#e0e0e0;background:#ffffff0a;border-color:#444}