*{box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#ebf5eb;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:7px;flex-shrink:0}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:200}#loading-overlay .spinner{width:32px;height:32px;border-width:3px;border-top-color:#5aa06e;margin:0}#loading-overlay span{font-size:13px;color:#6e6473}html,body{margin:0;height:100%;background:#0f0c12;color:#ddd;font-family:Arial,Helvetica,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;width:100vw;height:100vh}#app-header{flex:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#1c1820;border-bottom:2px solid #3c3741}#app-title{font-size:13px;color:#ccc}#user-menu{position:relative}#user-menu-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #3c3741;border-radius:6px;color:#ddd;padding:5px 10px;font-size:13px;cursor:pointer}#user-menu-btn:hover{border-color:#6e6473}#user-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#1c1820;border:1px solid #3c3741;border-radius:6px;min-width:140px;display:flex;flex-direction:column;padding:4px;z-index:20}#user-menu-dropdown button,#user-menu-dropdown a{background:transparent;border:none;color:#ddd;text-align:left;padding:7px 10px;border-radius:4px;font-size:13px;cursor:pointer;text-decoration:none;display:block}#user-menu-dropdown button:hover,#user-menu-dropdown a:hover{background:#3c3741}.support-link{background:transparent;border:none;color:#8fb6f0;font-size:12px;text-decoration:none;margin-top:4px;cursor:pointer}.support-link:hover{text-decoration:underline}#app-body{display:flex;flex:1;min-height:0}.hidden{display:none!important}.overlay{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:320px;display:flex;flex-direction:column;gap:10px;background:#1c1820;border:1px solid #3c3741;border-radius:10px;padding:28px;text-align:center}.auth-card h1{font-size:18px;margin:0 0 4px}.auth-card h2{font-size:14px;color:#b4b4b4;margin:0 0 8px;font-weight:400}.auth-card label{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:13px;color:#ccc}.auth-card input{background:#15121a;border:1px solid #3c3741;border-radius:6px;color:#eee;padding:8px 10px;font-size:14px}.auth-card button,#paywall-overlay button{background:#2d5f3c;border:1px solid #5aa06e;color:#ebf5eb;padding:9px 14px;border-radius:6px;font-size:14px;cursor:pointer}.auth-card button.secondary,#paywall-overlay button.secondary,#top-bar button.secondary{background:#3c3741;border-color:#6e6473;color:#ddd}.auth-card a{color:#8fb6f0;font-size:13px;text-decoration:none}.form-error{color:#e87a7a;font-size:12px;min-height:14px;margin:0}.form-error.form-success{color:#7ad19a}#profile-password-form{display:flex;flex-direction:column;gap:10px}#subscription-info{background:#1e1a24;border:1px solid #2e2a38;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sub-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.sub-label{color:#888}.sub-value{font-weight:600;color:#ddd}.sub-value.status-active{color:#7ad19a}.sub-value.status-inactive{color:#e87a7a}.sub-value.status-past-due{color:#f0a050}.auth-card input:disabled{opacity:.6;cursor:not-allowed}#palette{display:flex;width:280px;flex:0 0 280px;background:#1c1820;border-right:2px solid #3c3741}.palette-col{width:140px;flex:0 0 140px;overflow-y:auto;padding:16px 0;border-right:1px solid #3c3741}.palette-col:last-child{border-right:none}.palette-col::-webkit-scrollbar{width:6px}.palette-col::-webkit-scrollbar-thumb{background:#6e6473;border-radius:3px}.palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;cursor:grab;touch-action:none}.palette-item img,.palette-item .shape-fallback{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.palette-item .label{font-size:12px;color:#ccc;pointer-events:none}.shape-fallback{border:2px solid #3c2814}.shape-fallback.cubo{background:#deb887;border-radius:4px}.shape-fallback.cilindro{background:#deb887;border-radius:50%}.shape-fallback.prisma{background:#8b653c;border-radius:3px}.base-fallback{border:2px solid #3c2814;border-radius:50%}#stage-wrapper{position:relative;flex:1;overflow:hidden;background:#000}#stage-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#stage-bg{width:100%;height:100%;object-fit:contain}#connections-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#connections-layer line{pointer-events:stroke;cursor:pointer}#items-layer{position:absolute;top:0;right:0;bottom:0;left:0}.piece,.base{position:absolute;transform:translate(-50%,-50%);touch-action:none;cursor:grab}.base{z-index:1}.piece{z-index:2}.piece img,.base img{width:100%;height:100%;display:block;pointer-events:none;object-fit:contain}.piece .shape-fallback{width:100%;height:100%}.piece .label-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:13px;color:#1a1a1a;pointer-events:none;text-align:center;white-space:nowrap}.base .base-fallback{width:100%;height:60%;border-radius:50%}.piece.connect-source{outline:3px solid #ffdc3c;outline-offset:4px;border-radius:50%}#trash{position:absolute;left:20px;bottom:20px;width:48px;height:48px;border-radius:8px;background:#37292c;border:2px solid #6e5f64;color:#beafb4;display:flex;align-items:center;justify-content:center;cursor:default}#trash.highlight{background:#782828;border-color:#e65a5a;color:#f0dcdc}#zoom-control{position:absolute;right:20px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}#zoom-label{font-size:13px;color:#b4b4b4}.zoom-row{display:flex;align-items:center;gap:6px}.zoom-row button{width:24px;height:24px;background:#3c3741;border:1px solid #786d7d;color:#ddd;border-radius:4px;cursor:pointer}#zoom-slider{width:160px}#top-bar{position:absolute;right:18px;top:14px;display:flex;gap:8px}#top-bar button,.file-btn{background:#2d5f3c;border:1px solid #5aa06e;color:#ebf5eb;padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer}.file-btn{background:#2d4d5f;border-color:#5a8ca0;position:relative}.file-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}#help-bar{position:absolute;left:12px;bottom:4px;font-size:12px;color:#aaa;pointer-events:none}#label-editor{position:fixed;background:#fafafa;border:1px solid #000;padding:3px 6px;z-index:50}#label-editor.hidden{display:none}#label-input{font-weight:700;font-size:13px;border:none;outline:none;width:110px}