@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--framer-font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body,html,#root{height:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--framer-font-family);font-size:12px;line-height:1.5;font-weight:500;color:var(--framer-color-text, #333);background:var(--framer-color-bg, #fff);color-scheme:light dark;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-user-select:none;user-select:none}p{color:var(--framer-color-text-secondary)}a{text-decoration:none;color:var(--framer-color-tint, #09f)}input,button,textarea,select{overflow:hidden;text-overflow:ellipsis;flex-shrink:0;height:30px;width:134px;color:var(--framer-color-text);font-size:12px;font-family:var(--framer-font-family);caret-color:var(--framer-color-text);background:var(--framer-color-bg-tertiary);border-radius:8px;font-weight:500;padding:0 10px;outline:none;border:none}input[type=tel],input[type=text],input[type=email],input[type=number],input[type=password],input[type=color]{white-space:nowrap;padding:0 10px;font-size:12px;color:var(--framer-color-text)}input:focus,select:focus{box-shadow:inset 0 0 0 1px var(--framer-color-tint)}[data-framer-theme=dark] input{caret-color:#fff}input[type=checkbox]{appearance:none;width:12px;height:12px;margin:0;padding:0;border-radius:4px;border:1px solid transparent;background-color:var(--framer-color-bg-secondary)}input[type=checkbox]:checked{background-color:var(--framer-color-tint);border-color:var(--framer-color-tint);background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZD0iTTMgNmwyIDIgNC00IiBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI4LjUiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIj48L3BhdGg+PHBhdGggZD0iTTMgNmw2IDAiIGZpbGw9InRyYW5zcGFyZW50IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI2IiBzdHJva2UtZGFzaG9mZnNldD0iNiIgPjwvcGF0aD48L3N2Zz4=)}hr{border:none;width:100%;flex-shrink:0;height:1px;background-color:var(--framer-color-divider)}textarea{height:50px;min-height:30px;padding:8px 10px;resize:vertical}textarea:focus{box-shadow:inset 0 0 0 1px var(--framer-color-tint)}textarea::-webkit-resizer{border:1px solid transparent;background:no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 1.5 7.5 L 7.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path><path d='M 5.5 7.5 L 7.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path></svg>")}input::placeholder{color:var(--framer-color-text-tertiary)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input::placeholder,textarea::placeholder{color:var(--framer-color-text-tertiary)}[data-framer-theme=dark] textarea::-webkit-resizer{border:1px solid transparent;background:no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 1.5 7.5 L 7.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path><path d='M 5.5 7.5 L 7.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path></svg>")}button{display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;width:100%;-webkit-user-select:none;user-select:none;background-color:var(--framer-color-bg-tertiary);transition:background-color .2s}button:focus,button:hover{background-color:var(--framer-color-bg-secondary)}button:active{background-color:#ddd}[data-framer-theme=dark] button:active{background-color:#232323}button:disabled{background-color:var(--framer-color-bg-tertiary);opacity:.5;cursor:default}select{background-position:center;background-position-x:calc(100% - 8px);background-repeat:no-repeat;-webkit-appearance:none;color:var(--framer-color-text);appearance:none;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM4ODg4ODgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==);padding:0 16px 1px 8px}select:disabled{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiNiYmJiYmIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==)}[data-framer-theme=dark] select{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==)}[data-framer-theme=dark] select{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM3Nzc3NzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==)}input[type=range]{cursor:ew-resize;height:30px;margin:0;overflow:hidden;-webkit-appearance:none;appearance:none;background-color:var(--framer-color-bg-tertiary)}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:50%;transform:translate(0);box-shadow:-1000px 0 0 1000px #ccc;height:10px;width:0px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:50%;transform:translate(0);box-shadow:-1000px 0 0 1000px #ccc;height:10px;width:0px}[data-framer-theme=dark] input[type=range]::-webkit-slider-thumb{box-shadow:-1000px 0 0 1000px #666}[data-framer-theme=dark] input[type=range]::-moz-range-thumb{box-shadow:-1000px 0 0 1000px #666}input[type=range]:focus{border:0;box-shadow:none;outline:none}input[type=range]::-moz-focus-outer{border:0;box-shadow:none;outline:none}input[type=color i]{border-style:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{border-style:none;padding:0}input[type=color]::-moz-color-swatch{border:1px solid rgba(0,0,0,.1);border-style:none;border-radius:4px}input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-style:none;border-radius:4px}input[type=color]{appearance:none;-webkit-appearance:none;padding:5px}input[type=file]{background:none;border-radius:0;width:auto;display:inline}input::file-selector-button{color:var(--framer-color-text);background-color:var(--framer-color-bg-tertiary);font-family:var(--framer-font-family);font-weight:600;border-radius:8px;cursor:pointer;outline:none;border:none;height:30px;padding:0 10px;margin-right:8px}input::file-selector-button:hover{background-color:var(--framer-color-bg-secondary)}.framer-divider{height:1px;width:100%;background-color:var(--framer-color-divider)}.framer-button-primary{color:var(--framer-color-text-reversed);background-color:var(--framer-color-tint)}.framer-button-primary:hover,.framer-button-primary:focus{background-color:var(--framer-color-tint-dark)}.framer-button-primary:active,[data-framer-theme=dark] .framer-button-primary:active{background-color:var(--framer-color-tint-extra-dark, #0077ff)}.framer-button-primary:disabled{background-color:var(--framer-color-tint);opacity:.5}#framer-environment-error{all:unset;display:none;position:fixed;width:100%;height:100%;flex-direction:column;gap:10px;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;background:#fff}#framer-environment-error>p{all:unset;color:#666;font-size:12px;line-height:1.5;max-width:220px;margin:0;padding:0;text-align:center}#framer-environment-error>p>a{all:unset;text-decoration:none;color:var(--framer-color-tint, #09f)}.framer-spinner{width:12px;height:12px;--spinner-translate: 0;background-color:var(--framer-color-text);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);mask-size:12px;animation-duration:.8s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.framer-spinner-large{width:24px;height:24px;--spinner-translate: 0;mask:url(data:image/png;base64,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);mask-size:24px;background-color:var(--framer-color-text);animation-duration:.8s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.framer-button-primary .framer-spinner,.framer-button-primary .framer-spinner-large{background-color:var(--framer-color-text-reversed)}@keyframes spin{0%{transform:translate(var(--spinner-translate),var(--spinner-translate)) rotate(0)}to{transform:translate(var(--spinner-translate),var(--spinner-translate)) rotate(360deg)}}.framer-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.framer-hide-scrollbar::-webkit-scrollbar{display:none}:root{--color-bg: #FFFFFF;--color-text: #1A1A1A;--color-muted: #666666;--color-border: #E5E5E5;--color-accent: #007AFF;--color-accent-rgb: 0, 122, 255;--color-surface: #F7F7F7;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-error-bg: rgba(220, 38, 38, .1);--color-error-border: rgba(220, 38, 38, .2);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .05);--transition: all .2s ease}[data-framer-theme=dark]{--color-bg: #0D0D0D;--color-text: #FAFAFA;--color-muted: #999999;--color-border: #2A2A2A;--color-accent: #0A84FF;--color-accent-rgb: 10, 132, 255;--color-surface: #1A1A1A;--color-error: #f87171;--color-error-rgb: 248, 113, 113;--color-error-bg: rgba(248, 113, 113, .1);--color-error-border: rgba(248, 113, 113, .2)}[data-framer-theme=dark] .icon-item img,[data-framer-theme=dark] .preview-icon img{filter:brightness(0) invert(1)}.error-message-inline{color:var(--color-error);background:var(--color-error-bg);border-color:var(--color-error-border)}.iconify-plugin{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.search-container{position:sticky;top:0;z-index:10;padding:16px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.search-inputs{display:flex;flex-direction:column;gap:12px}.color-inputs{display:flex;gap:12px;align-items:center}.color-input-group{display:flex;align-items:center;gap:8px}.color-input-group label{font-size:13px;color:var(--color-text);white-space:nowrap}.color-input-group input[type=color]{width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.search-container input[type=text]{width:100%;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:14px;transition:var(--transition)}.search-container input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff1a}.scroll-container{flex:1;overflow-y:auto;padding:16px}.collections-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px}.collection-item{background:var(--color-surface);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:var(--transition);border:1px solid var(--color-border)}.collection-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:8px}.collection-name{font-weight:500;color:var(--color-text);font-size:15px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-count{color:var(--color-muted);font-size:13px;background:var(--color-bg);padding:4px 8px;border-radius:var(--radius-sm)}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:16px;padding:16px}.icon-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid var(--color-border);padding:12px}.icon-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.icon-item img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.view-all-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.view-all-button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.back-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;height:24px;width:30%;justify-content:center}.back-button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0;padding:12px;background:transparent}.pagination-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:0;border-radius:var(--radius-sm);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.pagination-button:hover:not(:disabled){background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pagination-button:disabled{opacity:.4;cursor:not-allowed;background:var(--color-surface)}.page-info{color:var(--color-muted);font-size:13px;padding:0 8px;background:var(--color-surface);border-radius:var(--radius-sm);height:32px;display:inline-flex;align-items:center;justify-content:center;min-width:60px;border:1px solid var(--color-border)}.ad-banner{margin-top:auto;padding:12px;border-top:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column;gap:8px}.ad-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-decoration:none;color:inherit;border:1px solid var(--color-border)}.ad-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.ad-item img{width:32px;height:32px;object-fit:contain;background:var(--color-bg);padding:4px;border-radius:var(--radius-sm)}.ad-content{flex:1;min-width:0}.ad-title{font-weight:600;margin-bottom:2px;color:var(--color-accent);font-size:13px}.ad-description{color:var(--color-muted);font-size:12px;line-height:1.3}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-muted);font-size:14px}.error-message h3{color:var(--color-error);margin:0 0 8px;font-size:16px;font-weight:500}.error-message p{color:var(--color-text);margin:0;font-size:14px}.error-message button{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.error-message button:hover{opacity:.9}.no-results{text-align:center;padding:40px 20px;background:var(--color-surface);border-radius:var(--radius-lg);margin:20px}.no-results h3{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:600}.no-results p{color:var(--color-muted);font-size:14px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.collection-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.preview-icon{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid var(--color-border);padding:8px}.preview-icon:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.preview-icon img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: dark){.icon-item img,.preview-icon img{filter:brightness(0) invert(1)}}.icon-item img,.preview-icon img{filter:brightness(0) saturate(100%)}.icon-svg-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:var(--transition)}.icon-svg-container:hover{transform:scale(1.05)}.icon-svg-container img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:4px;color:var(--color-muted);font-size:12px}.icon-item,.preview-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s ease;padding:8px;background:var(--color-surface);border:1px solid var(--color-border)}.icon-item:hover,.preview-icon:hover{background-color:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.error-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.error-modal{background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.error-modal h3{color:var(--color-text);margin:0 0 16px;font-size:18px;font-weight:600}.error-modal p{color:var(--color-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.error-modal button{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);width:100%}.error-modal button:hover{opacity:.9}.icons-grid.detail-view{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px;padding:16px}.icon-item.detail-view{width:80px;height:80px;border-radius:8px;transition:transform .2s ease}.icon-item.detail-view:hover{transform:scale(1.1)}.icon-svg-container.detail-view{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.icon-svg-container.detail-view svg{width:60px;height:60px}.icon-placeholder{font-size:24px;color:#999}.icon-svg-container.detail-view .icon-placeholder{font-size:32px}.bg-color{background-color:var(--bg-color)!important}.icon-svg-container[draggable=true]{cursor:grab;transition:var(--transition)}.icon-svg-container[draggable=true]:active{cursor:grabbing;transform:scale(.95)}.icon-svg-container[draggable=true]:hover{transform:scale(1.05)}.preview-icon[draggable=true]{cursor:grab;transition:var(--transition)}.preview-icon[draggable=true]:active{cursor:grabbing;transform:scale(.95)}.preview-icon[draggable=true]:hover{transform:scale(1.05)}.icon-svg-container.dragging,.preview-icon.dragging{opacity:.5;transform:scale(.9)}.scroll-container.drag-over{background:#007aff0d;border:2px dashed var(--color-accent);border-radius:var(--radius-lg)}.ai-image-generator{max-width:100%;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}.nav-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-content{max-width:800px;margin:0 auto;padding:0 16px}.nav-links{display:flex;align-items:center;gap:2px}.nav-link{padding:12px 16px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:500;width:auto;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent)}.content{max-width:800px;margin:0 auto;padding:24px 16px}.image-mode-ui .content{overflow:hidden;padding:0}.home-page,.user-page,.privacy-policy{width:100%}.input-container{margin-bottom:20px}textarea{width:100%;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:15px;line-height:1.5;resize:none;margin-bottom:16px;transition:var(--transition);background:var(--color-surface);color:var(--color-text);min-height:160px}textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}textarea::placeholder{color:var(--color-muted)}.settings-row{display:flex;gap:16px;margin-bottom:16px}.custom-select label{font-size:14px;color:var(--color-muted);white-space:nowrap}.select-button{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-surface);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition);min-width:120px}.select-button:hover{border-color:var(--color-accent)}.select-button.open{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0003;z-index:1000;max-height:200px;overflow-y:auto}.select-option{padding:8px 12px;cursor:pointer;color:var(--color-text);transition:var(--transition)}.select-option:hover{background:rgba(var(--color-accent-rgb),.1)}.select-option.selected{background:rgba(var(--color-accent-rgb),.2);color:var(--color-accent)}button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:10px 16px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.input-container button{background:var(--color-accent);color:#fff;border-color:var(--color-accent);width:100%}button:hover:not(:disabled){background:var(--color-accent);color:#fff;border-color:var(--color-accent);opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.navigation{display:flex;gap:8px;padding:16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.nav-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.nav-button:hover,.nav-button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.custom-select{display:flex;flex-direction:row;align-items:center;gap:8px;position:relative}.select-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:8px 12px;border-radius:var(--radius-md);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.select-button:hover,.select-button.open{border-color:var(--color-accent)}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;z-index:100}.select-option{padding:8px 12px;cursor:pointer;transition:var(--transition);color:var(--color-text)}.select-option:hover,.select-option.selected{background:var(--color-accent);color:#fff}.image-actions{display:flex;gap:8px;margin:10px;justify-content:center}.action-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:8px 12px;border-radius:var(--radius-md);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition);min-width:160px;justify-content:center;flex:1;max-width:200px}.action-button svg{width:16px;height:16px;transition:var(--transition);flex-shrink:0}.error-message{margin:16px 0;padding:12px;background:#ff00001a;border:1px solid rgba(255,0,0,.2);border-radius:6px;color:#f44}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-bg);border-radius:12px;padding:24px;max-width:90%;width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 32px #0000001a;border:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.modal-body{color:var(--color-text)}.modal-body p{margin:0 0 16px;font-size:14px;line-height:1.5}.close-button{background:none;border:none;color:var(--color-text);font-size:24px;cursor:pointer;padding:4px;width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.close-button:hover{background-color:var(--color-surface)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.package-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;text-align:center;transition:transform .2s,border-color .2s}.package-card:hover{transform:translateY(-2px);border-color:var(--color-accent)}.package-tokens{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.package-price{font-size:24px;font-weight:700;color:var(--color-accent);margin-bottom:16px}.get-button{background-color:var(--color-accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;width:100%;transition:background-color .2s}.get-button:hover{background-color:var(--color-accent);filter:brightness(1.1)}.image-with-actions{display:flex;flex-direction:column;gap:12px}.generated-image{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.image-actions{display:flex;gap:8px}.action-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:8px 12px;border-radius:var(--radius-md);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.action-button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.action-button svg{width:16px;height:16px;transition:var(--transition)}.action-button:hover svg{color:#fff}.error-message{color:var(--color-error);background:var(--color-error-bg);border:1px solid var(--color-error-border);padding:16px;border-radius:var(--radius-md);margin:16px 0;text-align:center}.generated-image-container{width:100%;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--color-surface);border:1px solid var(--color-border)}.generated-image{width:100%;height:auto;display:block}.image-placeholder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:center;min-height:300px}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-muted)}.placeholder-content svg{color:var(--color-muted)}.placeholder-text{text-align:center}.placeholder-text p{color:var(--color-text);font-size:16px;font-weight:500;margin:0 0 4px}.placeholder-text span{color:var(--color-muted);font-size:14px}.insert-button{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.user-info-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.user-info-section h3{margin:0 0 16px;color:var(--color-text);font-size:18px}.user-details{margin-bottom:24px}.user-details p,.token-info p{margin:8px 0;color:var(--color-text)}.policy-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.policy-content h3{color:var(--color-text);margin:24px 0 16px}.policy-content p{color:var(--color-text);margin:16px 0}.policy-content ul{margin:16px 0;padding-left:24px}.policy-content li{color:var(--color-text);margin:8px 0}.token-actions{display:flex;gap:16px;margin-top:24px}.add-tokens-button{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.add-tokens-button:hover{opacity:.9}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0;color:var(--color-text);font-size:20px}.close-button{background:none;border:none;padding:4px;width:24px;height:24px;min-width:24px;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm)}.close-button:hover{color:var(--color-text);background:var(--color-surface)}.close-button svg{width:16px;height:16px}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.package-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;text-align:center;transition:var(--transition)}.package-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.package-tokens{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:8px}.package-price{font-size:18px;color:var(--color-muted);margin-bottom:16px}.get-button{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);width:100%}.get-button:hover{opacity:.9}.token-count-row{display:flex;align-items:center;gap:8px;flex-direction:row}.token-count-row p{margin:0;color:var(--color-text);display:flex;align-items:center;gap:4px}.refresh-button{background:none;border:none;padding:4px;width:24px;height:24px;min-width:24px;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm)}.refresh-button:hover{color:var(--color-text);background:var(--color-surface)}.refresh-button svg{width:16px;height:16px;transition:var(--transition)}@keyframes spin{to{transform:rotate(360deg)}}.refresh-button:active svg{animation:spin 1s linear infinite}.image-mode-ui{padding:20px;max-width:100%;height:100%;overflow:hidden}.image-mode-header{text-align:center;margin-bottom:32px}.image-mode-header h2{color:var(--color-text);font-size:24px;font-weight:600;margin:0 0 8px}.image-mode-header p{color:var(--color-muted);font-size:14px;margin:0}.image-mode-ui .input-container{margin-bottom:24px}.image-mode-ui .input-container textarea{width:100%;min-height:100px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:14px;resize:vertical;margin-bottom:16px}.image-mode-ui .settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.generate-button{width:100%;background:var(--color-accent);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition)}.generate-button:hover:not(:disabled){opacity:.9}.generate-button:disabled{opacity:.5;cursor:not-allowed}.generated-image-section{margin-top:24px}.image-preview{margin-bottom:16px;text-align:center}.image-preview .generated-image{max-width:100%;max-height:300px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.image-actions{display:flex;gap:12px;justify-content:center}.select-image-button{background:var(--color-accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.select-image-button:hover{opacity:.9}.regenerate-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.regenerate-button:hover{background:var(--color-border)}.token-status{margin-top:24px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.token-status p{margin:4px 0;color:var(--color-text);font-size:14px}.mode-debug{position:fixed;bottom:8px;right:8px;background:var(--color-surface);border:1px solid var(--color-border);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;color:var(--color-muted);z-index:1000}.ai-image-generator:has(.image-mode-ui){overflow:hidden;height:100vh}