@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sb-bg:#12121a;--sb-shell:#0a0a0f;--sb-accent:#7c6af7;--sb-text:#e8e6ff;--sb-border:#2a2840}body{background:#060608;color:#e0e0e0;font-family:Nunito,sans-serif;overflow:hidden}.app,body{height:100vh}.app,.sidebar{display:flex}.sidebar{background:#12121a;background:var(--sb-bg);border-right:1px solid #2a2840;border-right:1px solid var(--sb-border);flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#2a2840 #0000;scrollbar-color:var(--sb-border) #0000;scrollbar-width:thin;width:240px}.logo{align-items:center;border-bottom:1px solid #2a2840;border-bottom:1px solid var(--sb-border);display:flex;gap:10px;padding:22px 20px 18px}.logo-icon{color:#7c6af7;color:var(--sb-accent);font-size:20px}.logo-text{color:#e8e6ff;color:var(--sb-text);font-family:Nunito,sans-serif;font-size:17px;font-weight:900;letter-spacing:-.02em}.section{border-bottom:1px solid #2a2840;border-bottom:1px solid var(--sb-border);display:flex;flex-direction:column;gap:10px;padding:16px 20px}.section-label{color:#e8e6ff;color:var(--sb-text);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;opacity:.5;text-transform:uppercase}.url-form{display:flex;gap:6px}.url-input{background:#0a0a0f;background:var(--sb-shell);border:1px solid #2a2840;border:1px solid var(--sb-border);border-radius:7px;color:#e8e6ff;color:var(--sb-text);flex:1 1;font-family:DM Mono,monospace;font-size:12px;min-width:0;outline:none;padding:9px 12px;transition:border-color .2s}.url-input:focus{border-color:#7c6af7;border-color:var(--sb-accent)}.url-input::placeholder{opacity:.3}.go-btn{align-items:center;background:#7c6af7;background:var(--sb-accent);border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;transition:opacity .2s;width:38px}.go-btn:hover{opacity:.85}.go-btn:disabled{cursor:default;opacity:.4}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.error-msg{color:#ff6b6b;font-family:DM Mono,monospace;font-size:12px;line-height:1.4}.theme-current-palette{border-radius:4px;display:flex;flex:1 1;height:20px;overflow:hidden}.theme-current-palette span{display:block;flex:1 1}.theme-current-label{color:#e8e6ff;color:var(--sb-text);font-family:DM Mono,monospace;font-size:11px;white-space:nowrap}.theme-current-arrow{color:#e8e6ff;color:var(--sb-text);font-size:9px;opacity:.4}.theme-dropdown{background:#0a0a0f;background:var(--sb-shell);border:1px solid #2a2840;border:1px solid var(--sb-border);border-radius:8px;max-height:320px;overflow-y:auto;scrollbar-color:#2a2840 #0000;scrollbar-color:var(--sb-border) #0000;scrollbar-width:thin}.theme-category{border-bottom:1px solid #2a2840;border-bottom:1px solid var(--sb-border);padding:8px 0}.theme-category:last-child{border-bottom:none}.theme-category-label{color:#7c6af7;color:var(--sb-accent);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;opacity:.7;padding:4px 12px 6px;text-transform:uppercase}.theme-option{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .15s;width:100%}.theme-option.active,.theme-option:hover{background:#2a2840;background:var(--sb-border)}.theme-option-palette{border-radius:3px;display:flex;flex-shrink:0;height:16px;overflow:hidden;width:48px}.theme-option-palette span{display:block;flex:1 1}.theme-option span:last-child{color:#e8e6ff;color:var(--sb-text);font-family:DM Mono,monospace;font-size:11px;text-align:left}.radio-group{display:flex;flex-direction:column;gap:4px}.radio-option{align-items:center;border-radius:7px;color:#e8e6ff;color:var(--sb-text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 10px;transition:background .2s}.radio-option.active,.radio-option:hover{background:#0a0a0f;background:var(--sb-shell)}.radio-option.active{color:#7c6af7;color:var(--sb-accent);font-weight:700}.radio-option input[type=radio]{display:none}.range-slider{-webkit-appearance:none;background:#2a2840;background:var(--sb-border);border-radius:2px;height:4px;outline:none;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#7c6af7;background:var(--sb-accent);border-radius:50%;cursor:pointer;height:16px;width:16px}.toggle-row{align-items:center;color:#e8e6ff;color:var(--sb-text);cursor:pointer;display:flex;font-size:13px;justify-content:space-between}.toggle{background:#2a2840;background:var(--sb-border);border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.toggle:after{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s;width:14px}.toggle.on{background:#7c6af7;background:var(--sb-accent)}.toggle.on:after{transform:translateX(16px)}.sidebar-footer{color:#e8e6ff;color:var(--sb-text);font-size:11px;line-height:1.5;margin-top:auto;opacity:.3;padding:14px 20px}.canvas{align-items:center;background:#0a0a0f;background-image:radial-gradient(circle,#2a2840 1px,#0000 0);background-size:28px 28px;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.empty-state{color:#e8e6ff;color:var(--sb-text);opacity:.35;text-align:center}.empty-icon{color:#7c6af7;color:var(--sb-accent);font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h2{font-size:22px;font-weight:900;margin-bottom:8px}.empty-state p{font-size:14px}.frame-wrapper{display:flex;flex-direction:column;height:calc(100% - 48px);overflow:hidden;width:calc(100% - 48px)}.frame-browser{border:1px solid #2a2840;border:1px solid var(--fr-border,#2a2840);border-radius:12px;box-shadow:0 24px 80px #00000080}.frame-minimal{border-top:2px solid #7c6af7;border-top:2px solid var(--fr-accent,#7c6af7)}.frame-floating{border-radius:20px;box-shadow:0 40px 120px #0009,0 0 0 1px #2a2840;box-shadow:0 40px 120px #0009,0 0 0 1px var(--fr-border,#2a2840);height:calc(100% - 48px);margin:24px;width:calc(100% - 48px)}.frame-device{border:8px solid #2a2840;border:8px solid var(--fr-border,#2a2840);border-radius:44px;box-shadow:0 40px 100px #000000b3;height:calc(100% - 48px);margin:auto;max-width:390px}.frame-toolbar{align-items:center;background:#12121a;background:var(--fr-toolbar,#12121a);border-bottom:1px solid #2a2840;border-bottom:1px solid var(--fr-border,#2a2840);display:flex;flex-shrink:0;gap:12px;padding:10px 14px}.window-dots{display:flex;gap:6px}.dot{border-radius:50%;display:block;height:12px;width:12px}.address-pill{align-items:center;background:#0000004d;border:1px solid #2a2840;border:1px solid var(--fr-border,#2a2840);border-radius:6px;display:flex;flex:1 1;gap:6px;min-width:0;padding:5px 12px}.lock-icon{font-size:11px;opacity:.5}.address-text{color:#ccc;font-family:DM Mono,monospace;font-size:11px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions{display:flex;gap:4px}.icon-btn{align-items:center;background:#0000;border:1px solid #2a2840;border:1px solid var(--fr-border,#2a2840);border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:.6;transition:opacity .2s;width:28px}.icon-btn:hover{opacity:1}.frame-content{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative}.preview-iframe{background:#fff;border:none;display:block;height:5000px;pointer-events:none;width:100%}.loading-overlay{align-items:center;background:#0a0a0f;color:#e8e6ff;color:var(--sb-text);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;opacity:.9;position:absolute;z-index:1}.loading-ring{animation:spin .8s linear infinite;border:3px solid #2a2840;border-radius:50%;border-top:3px solid var(--sb-accent);height:36px;width:36px}.loading-overlay p{font-size:14px;opacity:.6}.theme-current{align-items:center;background:#0a0a0f;background:var(--sb-shell);border:1px solid #2a2840;border:1px solid var(--sb-border);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:border-color .2s}.theme-current:hover{border-color:#7c6af7;border-color:var(--sb-accent)}.theme-current-swatch{border-radius:4px;display:flex;flex-shrink:0;height:18px;overflow:hidden;width:52px}.theme-current-swatch span{display:block;flex:1 1}.theme-current-name{flex:1 1;font-family:DM Mono,monospace;font-size:11px}.theme-arrow,.theme-current-name{color:#e8e6ff;color:var(--sb-text)}.theme-arrow{font-size:8px;opacity:.4}.theme-panel{background:#0a0a0f;background:var(--sb-shell);border:1px solid #2a2840;border:1px solid var(--sb-border);border-radius:8px;overflow:hidden}.theme-search{background:#12121a;background:var(--sb-bg);border:none;border-bottom:1px solid #2a2840;border-bottom:1px solid var(--sb-border);color:#e8e6ff;color:var(--sb-text);font-family:DM Mono,monospace;font-size:11px;outline:none;padding:8px 12px;width:100%}.theme-search::placeholder{opacity:.4}.theme-cats{border-bottom:1px solid #2a2840;border-bottom:1px solid var(--sb-border);display:flex;flex-wrap:wrap;gap:4px;padding:8px}.theme-cat-btn{border:1px solid var(--sb-border);border-radius:4px;color:var(--sb-text);font-size:10px;padding:3px 8px}.theme-cat-btn:hover{border-color:var(--sb-accent);color:var(--sb-accent)}.theme-cat-btn.active{background:var(--sb-accent);border-color:var(--sb-accent)}.theme-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;max-height:280px;overflow-y:auto;padding:8px;scrollbar-color:#2a2840 #0000;scrollbar-color:var(--sb-border) #0000;scrollbar-width:thin}.theme-tile{background:#12121a;background:var(--sb-bg);border:2px solid #0000;border:2px solid var(--tile-border,#0000);border-radius:6px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .15s,transform .1s}.theme-tile:hover{transform:translateY(-1px)}.theme-tile.active,.theme-tile:hover{border-color:#7c6af7!important;border-color:var(--sb-accent)!important}.theme-tile-palette{display:flex;height:28px}.theme-tile-palette span{display:block;flex:1 1}.theme-tile-name{color:#e8e6ff;color:var(--sb-text);display:block;font-family:DM Mono,monospace;font-size:9px;opacity:.7;padding:4px 6px;text-align:center}.theme-modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-modal{animation:slideUp .2s ease;background:#12121a;border:1px solid #2a2840;border-radius:16px;box-shadow:0 40px 120px #000c;display:flex;flex-direction:column;height:85vh;max-width:1100px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-modal-header{align-items:center;border-bottom:1px solid #2a2840;display:flex;flex-shrink:0;gap:16px;padding:20px 24px}.theme-modal-title{color:#e8e6ff;font-family:Nunito,sans-serif;font-size:18px;font-weight:900;white-space:nowrap}.theme-modal-search-wrap{flex:1 1}.theme-modal-search{background:#0a0a0f;border:1px solid #2a2840;border-radius:8px;color:#e8e6ff;font-family:DM Mono,monospace;font-size:13px;outline:none;padding:8px 14px;transition:border-color .2s;width:100%}.theme-modal-search:focus{border-color:#7c6af7}.theme-modal-search::placeholder{opacity:.3}.theme-modal-close{background:#0000;border:1px solid #2a2840;border-radius:8px;color:#e8e6ff;cursor:pointer;flex-shrink:0;font-size:14px;height:36px;opacity:.6;transition:opacity .2s;width:36px}.theme-modal-close:hover{opacity:1}.theme-modal-cats{border-bottom:1px solid #2a2840;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:12px 24px}.theme-cat-btn{align-items:center;background:#0000;border:1px solid #2a2840;border-radius:20px;color:#e8e6ff;cursor:pointer;display:flex;font-family:DM Mono,monospace;font-size:11px;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.theme-cat-btn:hover{border-color:#7c6af7;color:#7c6af7}.theme-cat-btn.active{background:#7c6af7;border-color:#7c6af7;color:#fff}.cat-count{background:#ffffff26;border-radius:10px;font-size:9px;padding:1px 6px}.theme-cat-btn.active .cat-count{background:#ffffff40}.theme-modal-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(8,1fr);min-height:0;overflow-y:auto;padding:20px 24px;scrollbar-color:#2a2840 #0000;scrollbar-width:thin}.theme-card{background:var(--card-bg);border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .15s,border-color .15s}.theme-card:hover{transform:translateY(-2px)}.theme-card.active,.theme-card:hover{border-color:var(--card-primary)!important}.theme-card.active{box-shadow:0 0 0 1px var(--card-primary)}.theme-card-palette{display:flex;height:56px}.theme-card-palette span{display:block;flex:1 1}.theme-card-info{display:flex;flex-direction:column;gap:3px;padding:8px 12px}.theme-card-name{display:block;font-family:Nunito,sans-serif;font-size:13px;font-weight:700}.theme-card-cat{display:block;font-family:DM Mono,monospace;font-size:9px;opacity:.7}.theme-card-check{border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:20px;position:absolute;right:6px;top:6px;width:20px}.theme-card-check,.tm-overlay{align-items:center;display:flex;justify-content:center}.tm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;inset:0;padding:24px;position:fixed;z-index:1000}.tm-modal{background:#0f0f1a;border:1px solid #2a2840;border-radius:16px;box-shadow:0 40px 120px #000000e6;display:flex;flex-direction:column;height:85vh;max-width:1100px;overflow:hidden;width:95vw}.tm-header{align-items:center;border-bottom:1px solid #2a2840;display:flex;flex-shrink:0;gap:16px;padding:18px 24px}.tm-title{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:900;white-space:nowrap}.tm-search{background:#1a1a2e;border:1px solid #2a2840;border-radius:8px;color:#fff;flex:1 1;font-family:DM Mono,monospace;font-size:13px;outline:none;padding:8px 14px}.tm-search:focus{border-color:#7c6af7}.tm-search::placeholder{color:#fff;opacity:.3}.tm-close{background:#0000;border:1px solid #2a2840;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;height:36px;opacity:.6;width:36px}.tm-close:hover{opacity:1}.tm-cats{border-bottom:1px solid #2a2840;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:12px 24px}.tm-cat{align-items:center;background:#0000;border:1px solid #2a2840;border-radius:20px;color:#ccc;cursor:pointer;display:flex;font-family:DM Mono,monospace;font-size:11px;gap:5px;padding:5px 12px;transition:all .15s}.tm-cat:hover{border-color:#7c6af7;color:#7c6af7}.tm-cat.active{background:#7c6af7;border-color:#7c6af7;color:#fff}.tm-cat-count{background:#ffffff26;border-radius:10px;font-size:9px;padding:1px 6px}.tm-grid{grid-gap:10px;align-content:start;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(8,1fr);overflow-y:auto;padding:16px 24px;scrollbar-color:#2a2840 #0000;scrollbar-width:thin}.tm-card{background:#0000;border:none;border-radius:10px;cursor:pointer;outline-offset:2px;overflow:hidden;position:relative;transition:transform .15s}.tm-card:hover{transform:translateY(-2px)}.tm-palette{display:flex;height:52px;width:100%}.tm-palette span{display:block;flex:1 1}.tm-label{align-items:center;background:#1a1a2e;display:flex;gap:4px;justify-content:space-between;padding:7px 10px}.tm-name{color:#fff;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-cat-tag{color:#888;flex-shrink:0;font-family:DM Mono,monospace;font-size:8px;white-space:nowrap}.tm-check{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:5px;top:5px;width:18px}.auth-signin-btn{background:#1a1030;border:1px solid #3a2860;border-radius:10px;color:#c4b5fd;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:10px 14px;text-align:center;transition:background .2s,border-color .2s;width:100%}.auth-signin-btn:hover{background:#261545;border-color:#7c6af7;color:#fff}.auth-user{background:#0d0d18;border:1px solid #2a2840;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.auth-user-info{align-items:center;display:flex;gap:7px;overflow:hidden}.auth-verified-dot{background:#4ade80;border-radius:50%;flex-shrink:0;height:7px;width:7px}.auth-email{color:#c4b5fd;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-email,.auth-logout-btn{font-family:DM Mono,monospace}.auth-logout-btn{align-self:flex-start;background:#0000;border:1px solid #2a2840;border-radius:6px;color:#666;cursor:pointer;font-size:10px;padding:4px 10px;transition:color .2s,border-color .2s}.auth-logout-btn:hover{border-color:#7f1d1d;color:#f87171}.theme-colors{display:flex;flex-direction:column;gap:4px}.color-row{align-items:center;border-radius:6px;display:flex;gap:8px;padding:4px 6px;transition:background .15s}.color-row:hover{background:#ffffff0d}.color-swatch{border:1px solid #ffffff26;border-radius:3px;flex-shrink:0;height:12px;width:12px}.color-label{color:#666;flex-shrink:0;font-size:10px;width:44px}.color-label,.color-value{font-family:DM Mono,monospace}.color-value{color:#c4b5fd;font-size:11px}.color-value.locked{color:#2a2840;filter:blur(3px);letter-spacing:1px;-webkit-user-select:none;user-select:none}.color-lock-hint{color:#7c6af7;cursor:pointer;font-family:DM Mono,monospace;font-size:10px;margin:4px 0 0;padding:2px 6px}.color-lock-hint:hover{color:#c4b5fd}
/*# sourceMappingURL=main.0e6a737b.css.map*/