@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.relative{position:relative}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}:root{--bg:#fff;--bg-secondary:#f5f5f5;--bg-hover:#f0f0f0;--border:#e0e0e0;--border-light:#ebebeb;--text:#111;--text-muted:#888;--text-light:#aaa;--accent:#6c3bff;--accent-hover:#5a2ee0;--accent-light:#f0ebff;--topbar-h:48px;--sidebar-w:192px;--sidebar-w-collapsed:48px;--radius:8px;--radius-sm:6px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--zoom-card-min:140px;--zoom-img-size:42px;--zoom-gap:12px;--zoom-grid-pad:18px;--zoom-card-pad-v:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.topbar{height:var(--topbar-h);background:var(--bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;padding:0 12px 0 0;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left{width:var(--sidebar-w);min-width:var(--sidebar-w);flex-shrink:0;align-items:center;gap:8px;padding:0 10px;transition:width .2s,min-width .2s;display:flex}.topbar-left.collapsed{width:var(--sidebar-w-collapsed);min-width:var(--sidebar-w-collapsed)}.sb-logo-link{align-items:center;display:flex}.sb-logo-full{height:22px;display:block}.sb-logo-mark{height:22px;display:none}.topbar-left.collapsed .sb-logo-full{display:none}.topbar-left.collapsed .sb-logo-mark{display:block}.tb-layout{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:background .15s;display:flex}.tb-layout:hover{background:var(--bg-hover)}.toggle-icon{width:16px;height:16px;display:block}.topbar-center{flex:1;justify-content:center;align-items:center;padding:0 12px;display:flex}.tb-search{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:7px;width:100%;max-width:480px;height:32px;padding:0 10px;transition:border-color .15s;display:flex}.tb-search:focus-within{border-color:var(--accent)}.tb-search-icon{opacity:.5;flex-shrink:0;width:14px;height:14px}.tb-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.tb-search input::placeholder{color:var(--text-light)}.tb-shortcut{flex-shrink:0;align-items:center;gap:3px;display:flex}.tb-shortcut kbd{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tb-zoom-wrap{align-items:center;display:flex;position:relative}.tb-zoom-select{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;height:28px;padding:4px 22px 4px 8px;font-size:12px}.tb-zoom-arrow{pointer-events:none;color:var(--text-muted);position:absolute;right:6px}.tb-buy{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:5px;height:28px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.tb-buy:hover{background:var(--bg-hover)}.tb-settings{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;align-items:center;padding:5px;transition:color .15s;display:flex}.tb-settings:hover{color:var(--text)}.tb-login{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;height:28px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s}.tb-login:hover{background:var(--accent-hover)}.tb-profile-widget{position:relative}.tb-avatar{background:var(--accent);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.tb-profile-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-md);z-index:200;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0}.tb-profile-dropdown.open{display:block}.tb-profile-info{padding:4px 8px 8px}.tb-profile-name{font-size:13px;font-weight:600}.tb-profile-email{color:var(--text-muted);font-size:12px}.tb-profile-divider{background:var(--border);height:1px;margin:4px 0}.tb-logout-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:7px 8px;font-size:12px;transition:background .1s;display:flex}.tb-logout-btn:hover{background:var(--bg-hover);color:var(--text)}.app-body{height:100vh;padding-top:var(--topbar-h);display:flex}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--border);scrollbar-width:none;flex-direction:column;flex-shrink:0;height:100%;transition:width .2s,min-width .2s;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar.collapsed{width:var(--sidebar-w-collapsed);min-width:var(--sidebar-w-collapsed)}.sb-section{padding:10px 8px 6px}.sb-label{letter-spacing:.08em;color:var(--text-light);text-transform:uppercase;margin-bottom:4px;padding:0 6px;font-size:10px;font-weight:700}.sb-list{list-style:none}.sb-item{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px;transition:background .1s;display:flex}.sb-item:hover{background:var(--bg-hover)}.sb-item.active{background:var(--accent-light)}.sb-item.active .sb-item-text{color:var(--accent);font-weight:600}.sb-filter-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sb-filter-icon img{width:16px;height:16px;display:block}.sb-item-text{color:var(--text);flex:1;font-size:12.5px}.sb-count-badge{color:var(--text-light);background:var(--bg-secondary);text-align:center;border-radius:10px;min-width:22px;padding:1px 6px;font-size:10px}.sb-check{width:16px;height:16px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-badge-soon{color:#fff;background:var(--text-light);border-radius:4px;padding:1px 5px;font-size:9px}.sb-item-disabled{opacity:.5;cursor:default}.sb-divider{background:var(--border-light);height:1px;margin:4px 8px}.sidebar-spacer{flex:1}.sidebar-bottom-spacer{height:8px}.sidebar.collapsed .sb-collapsible-text{display:none!important}.sb-admin-toggle-row{justify-content:space-between}.sb-admin-toggle{flex-shrink:0;width:30px;height:16px;display:inline-block;position:relative}.sb-admin-toggle input{opacity:0;width:0;height:0}.sb-admin-toggle-track{background:var(--border);cursor:pointer;border-radius:10px;transition:background .15s;position:absolute;inset:0}.sb-admin-toggle-track:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;bottom:2px;left:2px}.sb-admin-toggle input:checked+.sb-admin-toggle-track{background:var(--accent)}.sb-admin-toggle input:checked+.sb-admin-toggle-track:before{transform:translate(14px)}.sidebar-profile-wrap{padding:6px 8px}.sb-profile-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px;transition:background .1s;display:flex;position:relative}.sb-profile-row:hover{background:var(--bg-hover)}.sb-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:flex}.sb-profile-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.sb-profile-caret{color:var(--text-light);background:0 0;border:none;align-items:center;transition:transform .15s;display:flex}.sb-profile-caret.open{transform:rotate(180deg)}.sb-profile-flyout{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;padding:8px;display:none;position:absolute;bottom:calc(100% + 4px);left:0;right:0}.sb-profile-flyout.open{display:block}.sb-flyout-user{padding:4px 4px 8px}.sb-flyout-name{font-size:13px;font-weight:600}.sb-flyout-email{color:var(--text-muted);font-size:11px}.sb-flyout-divider{background:var(--border);height:1px;margin:4px 0}.sb-flyout-plan-row{justify-content:space-between;align-items:center;padding:4px;display:flex}.sb-flyout-plan-label{color:var(--text-muted);font-size:11px}.sb-flyout-plan-badge{background:var(--accent-light);color:var(--accent);border:1px solid #ddd6fe;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.sb-flyout-upgrade{background:var(--accent);color:#fff;border-radius:var(--radius-sm);text-align:center;border:none;width:100%;margin-top:6px;padding:7px;font-size:12px;font-weight:500;display:block}.sb-flyout-upgrade:hover{background:var(--accent-hover)}.sb-flyout-link{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:6px;padding:7px 4px;font-size:12px;transition:color .1s;display:flex}.sb-flyout-link:hover{color:var(--text)}.sb-flyout-signout{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:7px 4px;font-size:12px;transition:color .1s;display:flex}.sb-flyout-signout:hover{color:var(--text)}.sidebar-login-wrap{padding:4px 0}.sb-login-btn{width:100%}.main{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.category-bar{padding:8px var(--zoom-grid-pad);border-bottom:1px solid var(--border-light);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;min-height:40px;display:flex;position:sticky;top:0}.category-bar-left{align-items:center;gap:8px;display:flex}.cat-bar-label{color:var(--text);font-size:12px;font-weight:600}.cat-bar-count{color:var(--text-light);font-size:11px}.cat-bar-select{appearance:none;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;height:28px;padding:4px 24px 4px 8px;font-size:12px}.icon-grid{grid-template-columns:repeat(auto-fill, minmax(var(--zoom-card-min), 1fr));gap:var(--zoom-gap);padding:var(--zoom-grid-pad);align-content:start;display:grid}.icon-card{padding:var(--zoom-card-pad-v) 8px;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;transition:background .1s;display:flex;position:relative}.icon-card:hover{background:var(--bg-secondary)}.icon-card.selected{background:var(--accent-light);border-color:var(--accent)}.icon-preview{width:var(--zoom-img-size);height:var(--zoom-img-size);justify-content:center;align-items:center;margin-bottom:8px;display:flex}.icon-preview img,.icon-preview svg{width:var(--zoom-img-size);height:var(--zoom-img-size)}.icon-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;overflow:hidden}.icon-card:hover .icon-name{color:var(--text)}.icon-license-dot{border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.icon-license-dot.paid{background:var(--accent)}.icon-grid-category-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--border-light);grid-column:1/-1;margin-bottom:4px;padding:12px 4px 4px;font-size:11px;font-weight:700}.empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.empty-state-img{opacity:.5;width:80px}.popup-overlay{z-index:150;background:#0000004d;display:none;position:fixed;inset:0}.popup-overlay.active{display:block}.popup{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:200;border-radius:12px;width:680px;max-width:calc(100vw - 32px);position:fixed;bottom:24px;overflow:hidden}.popup-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.popup-title-group{align-items:center;gap:8px;display:flex}.popup-name{text-transform:capitalize;font-size:13px;font-weight:600}.popup-header-actions{align-items:center;gap:4px;display:flex}.popup-icon-btn{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:5px;transition:background .1s,color .1s;display:flex}.popup-icon-btn:hover{background:var(--bg-hover);color:var(--text)}.popup-body{gap:0;display:flex}.popup-preview{border-right:1px solid var(--border-light);justify-content:center;align-items:center;width:120px;min-width:120px;padding:16px;display:flex}.popup-controls{flex:1;padding:12px 14px}.ctrl-row{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.ctrl-group{flex-direction:column;gap:4px;display:flex}.ctrl-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.ctrl-input-box{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;width:68px;height:28px;display:flex;overflow:hidden}.ctrl-input-box input{background:0 0;border:none;outline:none;flex:1;width:100%;padding:4px 6px;font-size:12px}.ctrl-unit{color:var(--text-light);border-left:1px solid var(--border-light);background:var(--bg-secondary);align-items:center;height:100%;padding:0 5px;font-size:10px;display:flex}.ctrl-select-box{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;height:28px;display:flex;position:relative;overflow:hidden}.ctrl-select-box select{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:4px 24px 4px 8px;font-size:12px}.select-arrow{pointer-events:none;color:var(--text-muted);position:absolute;right:6px}.ctrl-row-colors{align-items:center}.ctrl-group-inline{flex-direction:row;align-items:center;gap:8px}.color-row{align-items:center;gap:6px;display:flex}.color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:20px;height:20px;transition:transform .1s}.color-swatch:hover{transform:scale(1.1)}.swatch-transparent{background-image:linear-gradient(45deg,#ccc 25%,#0000 25% 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,#fff 25% 75%,#ccc 75%);background-position:0 0,4px 4px;background-size:8px 8px}.swatch-black{background:#000}.current-color-tag{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:10px}.flip-btns{gap:4px;display:flex}.flip-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;transition:background .1s;display:flex}.flip-btn:hover{background:var(--bg-hover)}.flip-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ctrl-row-export .ctrl-group{flex-direction:row;align-items:flex-end;gap:8px}.export-row{align-items:center;gap:6px;display:flex}.export-select select{width:100px}.export-format select{width:70px}.copy-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;align-items:center;gap:5px;height:28px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.copy-btn:hover{background:var(--accent-hover)}.copy-btn.copied{background:#16a34a}.popup-variant-selectors{gap:6px;margin-top:6px;display:flex}.popup-sel-box{height:26px}.popup-sel-box select{padding:2px 20px 2px 6px;font-size:11px}.popup-license-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.popup-license-badge.free{color:#15803d;background:#dcfce7}.popup-license-badge.paid{background:var(--accent-light);color:var(--accent)}.popup-keywords-section{border-top:1px solid var(--border-light);padding:8px 14px 10px}.popup-keywords-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:600}.popup-keywords-wrap{flex-wrap:wrap;gap:4px;display:flex}.popup-keyword-tag{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:default;border-radius:4px;padding:2px 7px;font-size:10px}.popup-keywords-more{background:var(--accent-light);color:var(--accent);cursor:pointer;border:1px solid #ddd6fe;border-radius:4px;padding:2px 7px;font-size:10px}.popup-keywords-more:hover{opacity:.8}.auth-overlay{z-index:500;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.auth-overlay.active{display:flex}.auth-modal{background:var(--bg);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:14px;padding:28px 28px 24px;position:relative}.auth-close-btn{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:color .1s;display:flex;position:absolute;top:12px;right:12px}.auth-close-btn:hover{color:var(--text)}.auth-logo{margin-bottom:20px}.auth-logo img{height:28px}.auth-step{flex-direction:column;gap:12px;display:none}.auth-step.active{display:flex}.auth-gate-hint{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;line-height:1.5}.auth-input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-input.error{border-color:#ef4444}.auth-error{color:#ef4444;min-height:16px;font-size:12px}.auth-cta-btn{background:var(--border);width:100%;color:var(--text-light);border-radius:var(--radius-sm);cursor:not-allowed;border:none;padding:11px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.auth-cta-btn.enabled{background:var(--accent);color:#fff;cursor:pointer}.auth-cta-btn.enabled:hover{background:var(--accent-hover)}.auth-cta-btn.loading{background:var(--accent);color:#fff;opacity:.7;cursor:default}.auth-divider{color:var(--text-light);align-items:center;gap:8px;font-size:11px;display:flex}.auth-divider span{background:var(--border);flex:1;height:1px}.auth-google-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.auth-google-btn:hover{background:var(--bg-hover)}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-legal{color:var(--text-light);text-align:center;font-size:11px;line-height:1.6}.auth-legal a{color:var(--accent)}.auth-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-verify-card{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;padding:20px}.auth-verify-icon{width:80px;height:auto;margin:0 auto 12px;display:block}.auth-verify-title{margin-bottom:6px;font-size:14px;font-weight:600}.auth-verify-body{color:var(--text-muted);font-size:12px;line-height:1.6}.auth-verify-email{color:var(--text);font-weight:600}.auth-resend-row{color:var(--text-muted);text-align:center;font-size:12px}.auth-resend-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px}.auth-resend-btn:hover{text-decoration:underline}.auth-onboard-title{font-size:18px;font-weight:700}.auth-onboard-sub{color:var(--text-muted);font-size:13px}.auth-name-input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;font-size:13px}.auth-name-input:focus{border-color:var(--accent)}.auth-role-select-wrap{position:relative}.auth-role-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;transition:border-color .15s;display:flex}.auth-role-trigger.open{border-color:var(--accent)}.auth-role-trigger.selected{color:var(--text)}.auth-role-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:10;margin-top:2px;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.auth-role-dropdown.open{display:block}.auth-role-option{cursor:pointer;padding:9px 12px;font-size:13px;transition:background .1s}.auth-role-option:hover{background:var(--bg-hover)}.auth-role-option.selected{background:var(--accent-light);color:var(--accent);font-weight:500}.auth-skip{color:var(--text-light);text-align:center;cursor:pointer;background:0 0;border:none;font-size:12px}.auth-skip:hover{color:var(--text)}.details-page{overflow-y:auto!important}.details-topbar{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;height:48px;padding:0 20px;display:flex;position:sticky;top:0}.details-topbar-logo img{height:24px}.details-breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.details-breadcrumb a{color:var(--text-muted)}.details-breadcrumb a:hover{color:var(--accent)}.details-breadcrumb-sep{color:var(--text-light)}.details-topbar-spacer{flex:1}.details-body{gap:40px;max-width:900px;margin:40px auto;padding:0 24px;display:flex}.details-left{flex-shrink:0}.details-preview-box{border:1px solid var(--border);background:var(--bg-secondary);border-radius:12px;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.details-right{flex:1;min-width:0}.details-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.details-icon-name{text-transform:capitalize;font-size:20px;font-weight:700}.details-license-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.details-license-badge.free{color:#15803d;background:#dcfce7}.details-license-badge.paid{background:var(--accent-light);color:var(--accent)}.details-category-tag{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:11px}.details-controls-section{flex-direction:column;gap:10px;display:flex}.details-variant-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.details-variant-label{color:var(--text-muted);font-size:12px}.details-related{max-width:900px;margin-top:40px;margin-left:auto;margin-right:auto;padding:0 24px}.details-related-title{margin-bottom:16px;font-size:14px;font-weight:600}.details-related-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.admin-topbar-actions{align-items:center;gap:8px;display:flex}.admin-import-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;align-items:center;gap:5px;height:28px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.admin-import-btn:hover{background:var(--accent-hover)}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:18px;display:grid}.admin-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;padding:16px 8px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.admin-card:hover{background:var(--bg-secondary);border-color:var(--accent)}.admin-card.selected{background:var(--accent-light);border-color:var(--accent)}.admin-card-checkbox{cursor:pointer;width:14px;height:14px;position:absolute;top:6px;left:6px}.admin-card-img{justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.admin-card-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;overflow:hidden}.admin-card-license{letter-spacing:.05em;text-transform:uppercase;border-radius:3px;margin-top:3px;padding:1px 5px;font-size:9px;font-weight:700}.admin-card-license.free{color:#15803d;background:#dcfce7}.admin-card-license.paid{background:var(--accent-light);color:var(--accent)}.admin-toolbar{border-bottom:1px solid var(--border-light);background:var(--bg);z-index:10;align-items:center;gap:8px;padding:8px 18px;display:flex;position:sticky;top:0}.admin-select-all{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px}.admin-selected-count{color:var(--text-muted);font-size:12px}.admin-delete-selected-btn{border-radius:var(--radius-sm);color:#dc2626;background:#fff5f5;border:1.5px solid #fca5a5;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.admin-delete-selected-btn:hover{background:#fee2e2;border-color:#dc2626}.publish-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;padding:16px 8px 10px;transition:border-color .15s;display:flex;position:relative}.publish-card:hover{border-color:var(--accent)}.publish-card-status{border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.publish-card-status.published{background:#16a34a}.publish-card-status.draft{background:#f59e0b}.settings-page{overflow-y:auto}.settings-content{flex-direction:column;gap:24px;max-width:640px;margin:32px auto;padding:0 24px;display:flex}.settings-section-header{border-bottom:1px solid var(--border-light);background:var(--bg-secondary);padding:14px 16px;font-size:13px;font-weight:600}.settings-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:13px}.settings-row-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.settings-input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:200px;padding:6px 10px;font-size:12px}.settings-input:focus{border-color:var(--accent)}.settings-save-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;padding:7px 16px;font-size:12px;font-weight:500}.settings-save-btn:hover{background:var(--accent-hover)}.site-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.site-nav-logo img{height:24px}.site-nav-links{align-items:center;gap:24px;display:flex}.site-nav-links a{color:var(--text-muted);font-size:13px;transition:color .15s}.site-nav-links a:hover{color:var(--text)}.site-nav-cta{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;padding:7px 16px;font-size:13px;font-weight:500;transition:background .15s}.site-nav-cta:hover{background:var(--accent-hover)}.color-picker-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;width:220px;padding:12px;position:fixed}.color-picker-gradient{cursor:crosshair;border-radius:6px;width:196px;height:130px;margin-bottom:10px;position:relative}.color-picker-hue{cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;width:196px;height:12px;margin-bottom:8px;position:relative}.color-picker-hex{align-items:center;gap:6px;margin-top:8px;display:flex}.color-picker-hex input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;flex:1;padding:4px 8px;font-family:monospace;font-size:12px}.color-picker-hex input:focus{border-color:var(--accent)}.color-picker-preview{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:24px;height:24px}.picker-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0006}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.not-found-page img{opacity:.6;width:200px}.not-found-page h1{font-size:20px;font-weight:700}.not-found-page p{color:var(--text-muted);font-size:13px}.not-found-page a{background:var(--accent);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:6px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.not-found-page a:hover{background:var(--accent-hover)}.admin-filters-hidden{display:none!important}.admin-only-link{text-decoration:none}.legal-nav{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex}.legal-nav-logo{align-items:center;text-decoration:none;display:flex}.legal-nav-links{align-items:center;gap:24px;display:flex}.legal-nav-links a{color:#555;letter-spacing:.04em;font-size:11px;font-weight:600;text-decoration:none}.legal-nav-links a:hover{color:#111}.legal-nav-cta{letter-spacing:.04em;background:#111;border-radius:6px;padding:7px 14px;color:#fff!important;font-size:11px!important;font-weight:700!important}.legal-nav-cta:hover{background:#333!important}.legal-hero{text-align:center;border-bottom:1px solid #f0f0f0;padding:64px 24px 48px}.legal-hero h1{letter-spacing:-.02em;color:#0d0d0d;margin-bottom:10px;font-size:30px;font-weight:700}.legal-hero p{color:#999;font-size:14px}.legal-wrap{max-width:760px;margin:0 auto;padding:56px 24px 100px}.legal-effective{color:#999;background:#f5f5f5;border-radius:20px;margin-bottom:28px;padding:4px 14px;font-size:12px;display:inline-block}.legal-wrap p{color:#333;margin-bottom:16px;font-size:14px;line-height:1.85}.legal-wrap h2{color:#111;letter-spacing:-.01em;margin:40px 0 14px;font-size:15px;font-weight:700}.legal-wrap h3{color:#111;margin:24px 0 10px;font-size:14px;font-weight:600}.legal-wrap ol{margin-bottom:16px;padding-left:22px}.legal-wrap ol li{color:#333;margin-bottom:8px;font-size:14px;line-height:1.85}.legal-wrap ul{margin-bottom:16px;padding-left:22px}.legal-wrap ul li{color:#333;margin-bottom:8px;font-size:14px;line-height:1.85}.legal-wrap a{color:#6c3bff;text-decoration:none}.legal-wrap a:hover{text-decoration:underline}.legal-num{color:#6c3bff;font-weight:700}.legal-notice{color:#7a5c00;background:#fff8e6;border:1px solid #ffe49c;border-radius:8px;margin:24px 0;padding:16px 20px;font-size:13px;line-height:1.7}.legal-section-divider{background:#f0f0f0;height:1px;margin:40px 0}.legal-free-header{color:#111;margin:0 0 6px;font-size:20px;font-weight:700}.legal-free-sub{color:#6c3bff;margin-bottom:20px;font-size:15px}.legal-tick{color:#333;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.legal-tick:before{content:"✓";color:#22c55e;font-size:15px;font-weight:700}.sb-admin-link{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:2px;padding:7px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sb-admin-link:hover{background:var(--bg-hover);color:var(--text)}.sb-admin-link.active{background:var(--accent-light,#ede9ff);color:var(--accent);font-weight:600}.admin-pending-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:6px}.topbar-import-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#111;border:none;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.topbar-import-btn:hover{background:#333}.drawer-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;margin-bottom:10px;font-size:11px;font-weight:700}.drawer-svg-area{resize:vertical;min-height:80px;font-family:monospace;font-size:11px}.drawer-tag-field{width:100%}.drawer-tag-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:text;flex-wrap:wrap;align-items:center;gap:4px;min-height:34px;padding:6px 8px;display:flex}.drawer-tag-list:focus-within{border-color:var(--accent)}.drawer-tag{color:var(--accent);background:#f0eeff;border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.drawer-tag-remove{cursor:pointer;color:var(--accent);opacity:.7;background:0 0;border:none;padding:0;font-size:13px;line-height:1;transition:opacity .1s}.drawer-tag-remove:hover{opacity:1}.drawer-tag-input{background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:0;font-size:12px}.drawer-field-error{color:#dc2626;margin-left:6px;font-size:11px;display:none}.drawer-field-error.visible{display:inline}.drawer-input.error,.drawer-textarea.error{border-color:#dc2626}.import-overlay{z-index:300;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.import-overlay.open{display:flex}.import-modal{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;width:440px;max-width:95vw;display:flex;overflow:hidden}.import-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.import-title{color:var(--text);font-size:14px;font-weight:700}.import-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px}.import-close:hover{color:var(--text)}.import-body{padding:20px}.import-dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:32px 24px;transition:border-color .15s,background .15s;display:flex}.import-dropzone:hover,.import-dropzone.drag-over{border-color:var(--accent);background:#f5f0ff}.import-dropzone svg{opacity:.4}.import-dropzone-text{color:var(--text-muted);margin:0;font-size:13px}.import-dropzone-text code{background:#f3f4f6;border-radius:4px;padding:1px 5px;font-size:12px}.import-select-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 14px;font-size:12px;transition:background .12s}.import-select-btn:hover{background:var(--bg-hover)}.import-file-list{margin-top:12px}.import-file-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.import-file-name{align-items:center;gap:6px;font-size:12px;display:flex}.import-file-remove{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.import-file-remove:hover{color:#dc2626}.import-error{color:#dc2626;margin-top:10px;font-size:12px;display:none}.import-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.import-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:7px 14px;font-size:12px}.import-cancel-btn:hover{background:var(--bg-hover)}.import-confirm-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:7px 16px;font-size:12px;font-weight:500;transition:background .15s}.import-confirm-btn:hover:not(:disabled){background:var(--accent-hover)}.import-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.publish-badge-new{color:#fff;letter-spacing:.04em;background:#059669;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px}.publish-card-edit-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);padding:4px 6px;transition:background .12s;display:none;position:absolute;bottom:6px;right:6px}.publish-card:hover .publish-card-edit-btn{align-items:center;display:flex}.publish-card-edit-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-card-name{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;padding:0 4px;font-size:10px;overflow:hidden}.publish-view-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.publish-view-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:6px 9px;transition:background .12s;display:flex}.publish-view-btn.active{background:var(--bg-secondary);color:var(--text)}.publish-view-btn:hover{background:var(--bg-hover)}.publish-all-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:7px 14px;font-size:12px;font-weight:500;transition:background .15s}.publish-all-btn:hover{background:var(--accent-hover)}.publish-delete-btn{color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fca5a5;align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:inline-flex}.publish-delete-btn:hover{background:#fee2e2}.publish-selection-bar{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;justify-content:space-between;align-items:center;padding:8px 18px;font-size:12px;display:none}.publish-selection-bar button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px}.publish-empty{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:300px;display:none}.publish-list-view{flex-direction:column;gap:0!important;display:flex!important}.publish-list-view .icon-card{border:none;border-bottom:1px solid var(--border-light);border-radius:0;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;min-width:unset!important}.publish-list-view .icon-card-img{flex-shrink:0;width:32px;height:32px}.publish-list-view .icon-card-label{color:var(--text);flex:1;font-size:13px}.settings-main{padding:0}.settings-wrap{flex-direction:column;gap:28px;max-width:700px;margin:0 auto;padding:32px 24px 80px;display:flex}.settings-section{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-section-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.settings-section-title{color:var(--text);font-size:13px;font-weight:700}.settings-section-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.settings-add-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.settings-add-btn:hover{background:var(--accent-hover)}.settings-table{border-collapse:collapse;width:100%}.settings-table thead th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:8px 16px;font-size:11px;font-weight:600}.settings-table tbody tr{border-bottom:1px solid var(--border-light)}.settings-table tbody tr:last-child{border-bottom:none}.settings-table tbody td{color:var(--text);padding:10px 16px;font-size:13px}.settings-table-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.settings-edit-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;align-items:center;padding:5px 7px;transition:background .12s,color .12s;display:inline-flex}.settings-edit-btn:hover{background:var(--bg-hover);color:var(--text)}.settings-search{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;max-width:300px;margin:10px 16px 0;padding:7px 12px;font-size:12px}.settings-search:focus{border-color:var(--accent)}.settings-modal-overlay{z-index:300;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.settings-modal-overlay.open{display:flex}.settings-modal{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;width:400px;max-width:95vw;display:flex}.settings-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-modal-title{font-size:14px;font-weight:700}.settings-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px}.settings-modal-close:hover{color:var(--text)}.settings-modal-body{padding:20px}.settings-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}