.editor-page{display:flex;flex-direction:column;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000;background:#1a1a1a;font-family:var(--font-primary);overflow:hidden}.editor-body{flex:1;display:flex;overflow:hidden;min-height:0}.editor-header{display:flex;align-items:center;justify-content:space-between;height:52px;min-height:52px;padding:0 16px;background:var(--white);border-bottom:1px solid var(--gray-200);z-index:10}.editor-header-left,.editor-header-right{display:flex;align-items:center;gap:8px}.editor-header-center{flex:1;text-align:center}.editor-header-title{font-size:15px;font-weight:600;color:var(--gray-800);margin:0}.editor-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);color:var(--gray-600);transition:all var(--transition-fast);font-family:var(--font-primary);font-size:14px}.editor-btn:hover{background:var(--gray-100);color:var(--gray-800)}.editor-btn:disabled{opacity:.35;cursor:default}.editor-btn:disabled:hover{background:none}.editor-btn-primary{background:var(--primary);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-weight:600;font-size:14px}.editor-btn-primary:hover{background:var(--primary-dark);color:#fff}.editor-sidebar{width:72px;min-width:72px;background:#252525;display:flex;flex-direction:column;z-index:5}.sidebar-tools{display:flex;flex-direction:column;padding:8px 0}.sidebar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 4px;border:none;background:none;cursor:pointer;color:#aaa;transition:all .15s ease;position:relative;font-family:var(--font-primary)}.sidebar-btn:hover{color:#fff;background:#ffffff0f}.sidebar-btn.active{color:#fff;background:#ffffff1a}.sidebar-btn.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.sidebar-btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sidebar-btn-icon svg{width:22px;height:22px}.sidebar-btn-label{font-size:10px;font-weight:500;line-height:1;white-space:nowrap}.editor-tool-panel-container{width:320px;min-width:320px;max-width:320px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden;z-index:10;position:relative;animation:panelSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes panelSlideIn{0%{width:0;min-width:0;opacity:0}to{width:320px;min-width:320px;opacity:1}}.tool-panel{display:flex;flex-direction:column;height:100%}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.tool-panel-title{font-size:15px;font-weight:600;color:var(--gray-800)}.tool-panel-close{width:28px;height:28px;border:none;background:var(--gray-100);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:16px;transition:all var(--transition-fast)}.tool-panel-close:hover{background:var(--gray-200);color:var(--gray-700)}.tool-panel-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.editor-canvas-container{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a1a;position:relative;overflow:hidden;z-index:1}.editor-canvas-wrapper{position:relative;box-shadow:0 4px 32px #00000080;background:#fff;overflow:hidden}.editor-canvas-wrapper canvas{display:block}.editor-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a1a1acc;z-index:30}.editor-context-bar{display:flex;align-items:center;gap:2px;padding:4px 12px;background:var(--white);border-bottom:1px solid var(--gray-200);min-height:44px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-context-bar::-webkit-scrollbar{display:none}.context-bar-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--gray-600);font-size:12px;font-weight:500;font-family:var(--font-primary);white-space:nowrap;transition:all var(--transition-fast)}.context-bar-btn:hover{background:var(--gray-100);color:var(--gray-800)}.context-bar-btn.active,.context-bar-style-btn.active{background:var(--gray-800);color:var(--white)}.context-bar-btn svg{flex-shrink:0}.context-bar-style-btn{min-width:28px;height:28px;justify-content:center;padding:0 6px;font-size:13px}.context-bar-delete{color:var(--error)}.context-bar-delete:hover{background:#dc262614;color:var(--error)}.context-bar-divider{width:1px;height:20px;background:var(--gray-200);flex-shrink:0;margin:0 2px}.context-bar-opacity{display:flex;align-items:center;gap:4px;padding:0 2px}.context-bar-opacity-label{font-size:10px;color:var(--gray-500);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.context-bar-slider{width:72px;height:3px;accent-color:var(--primary);cursor:pointer}.context-bar-font-btn{max-width:140px;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:4px 8px;font-size:13px}.context-bar-font-btn:hover{border-color:var(--gray-400)}.context-bar-size-group{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.context-bar-size-btn{width:26px;height:28px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);font-family:var(--font-primary)}.context-bar-size-btn:hover{background:var(--gray-100)}.context-bar-size-input{width:38px;height:28px;border:none;border-left:1px solid var(--gray-200);border-right:1px solid var(--gray-200);text-align:center;font-size:12px;font-family:var(--font-primary);font-weight:600;color:var(--gray-700);outline:none;-moz-appearance:textfield}.context-bar-size-input::-webkit-inner-spin-button,.context-bar-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.context-bar-color-trigger{gap:4px}.context-bar-color-preview{width:18px;height:18px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-300);display:inline-block}.context-bar-dropdown-wrap{position:relative}.context-bar-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:50;min-width:120px;max-height:260px;overflow-y:auto;padding:4px;animation:contextDropIn .15s ease}@keyframes contextDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.context-bar-dropdown-item{display:block;width:100%;padding:7px 12px;border:none;background:none;cursor:pointer;font-size:13px;text-align:left;border-radius:var(--radius-sm);color:var(--gray-700);font-family:var(--font-primary);transition:background var(--transition-fast)}.context-bar-dropdown-item:hover{background:var(--gray-100)}.context-bar-dropdown-item.active{background:var(--primary);color:var(--white)}.context-bar-font-dropdown{min-width:180px}.context-bar-color-dropdown{min-width:220px;padding:8px}.context-bar-color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:8px}.context-bar-color-swatch{width:100%;aspect-ratio:1;border-radius:3px;border:1.5px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.context-bar-color-swatch:hover{transform:scale(1.2)}.context-bar-color-swatch.active{border-color:var(--gray-800);box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--gray-800)}.context-bar-color-custom{display:flex;align-items:center;gap:4px;border-top:1px solid var(--gray-100);padding-top:6px}.context-bar-color-custom input[type=color]{width:0;height:0;opacity:0;position:absolute}.context-bar-inline-slider{display:flex;align-items:center;gap:4px;padding:0 2px}.context-bar-slider-label{font-size:10px;color:var(--gray-500);white-space:nowrap}.image-tool-actions{display:flex;gap:12px;margin-bottom:16px}.image-tool-upload{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px dashed var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--gray-500);background:var(--gray-50)}.image-tool-upload:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.image-tool-upload svg{width:32px;height:32px}.image-tool-upload span{font-size:13px;font-weight:500}.image-url-input{display:flex;gap:8px}.image-url-input input{flex:1;padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-primary);outline:none;transition:border-color var(--transition-fast)}.image-url-input input:focus{border-color:var(--primary)}.image-url-input button{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-primary);white-space:nowrap}.text-tool-add{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-primary);margin-bottom:16px}.text-tool-section{margin-bottom:16px}.text-tool-section-label{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.text-font-grid{display:flex;flex-wrap:wrap;gap:6px}.text-font-btn{padding:6px 12px;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-full);font-size:13px;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary)}.text-font-btn:hover{border-color:var(--primary);color:var(--primary)}.text-font-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.text-style-row{display:flex;gap:6px;flex-wrap:wrap}.text-style-btn{width:36px;height:36px;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all var(--transition-fast);font-family:var(--font-primary)}.text-style-btn:hover{border-color:var(--primary)}.text-style-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.text-color-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.text-color-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.text-color-swatch:hover{transform:scale(1.15)}.text-color-swatch.active{border-color:var(--gray-800);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gray-800)}.text-size-slider{width:100%;accent-color:var(--primary)}.sticker-categories{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.sticker-categories::-webkit-scrollbar{display:none}.sticker-cat-btn{padding:6px 14px;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary)}.sticker-cat-btn:hover{border-color:var(--primary)}.sticker-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sticker-item{aspect-ratio:1;border:1px solid var(--gray-100);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:var(--gray-50);display:flex;align-items:center;justify-content:center;padding:4px;position:relative}.sticker-item:hover{border-color:var(--primary);transform:scale(1.05)}.sticker-item img{width:100%;height:100%;object-fit:contain}.bg-section{margin-bottom:16px}.bg-section-title{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.bg-color-grid{display:flex;flex-wrap:wrap;gap:8px}.bg-color-swatch{width:36px;height:36px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.bg-color-swatch:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.bg-color-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.bg-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bg-image-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);position:relative}.bg-image-item:hover{border-color:var(--primary)}.bg-image-item img{width:100%;height:100%;object-fit:cover}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.filter-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.filter-preview{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:border-color var(--transition-fast)}.filter-item:hover .filter-preview,.filter-item.active .filter-preview{border-color:var(--primary)}.filter-preview img{width:100%;height:100%;object-fit:cover}.filter-name{font-size:11px;color:var(--gray-600);text-align:center}.filter-item.active .filter-name{color:var(--primary);font-weight:600}.adjust-slider-group{margin-bottom:16px}.adjust-slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.adjust-slider-name{font-size:13px;font-weight:500;color:var(--gray-700)}.adjust-slider-value{font-size:12px;color:var(--gray-500);font-variant-numeric:tabular-nums}.adjust-slider{width:100%;accent-color:var(--primary)}.product-search-bar{display:flex;gap:8px;margin-bottom:12px}.product-search-bar input{flex:1;padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-primary);outline:none}.product-search-bar input:focus{border-color:var(--primary)}.product-search-bar button{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-primary)}.product-mode-tabs{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.product-mode-tab{flex:1;padding:8px 12px;border:none;background:#fff;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-primary);color:var(--gray-600);transition:all var(--transition-fast)}.product-mode-tab:first-child{border-right:1px solid var(--gray-200)}.product-mode-tab:hover{background:var(--gray-50)}.product-mode-tab.active{background:var(--primary);color:#fff}.product-results{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.product-result-item{border:1px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.product-result-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.product-result-img{width:100%;aspect-ratio:1;object-fit:cover}.product-result-info{padding:6px 8px}.product-result-name{font-size:11px;font-weight:500;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-result-price{font-size:11px;color:var(--primary);font-weight:600}.tagged-products-bar{display:flex;gap:8px;padding:8px 16px;background:var(--gray-50);border-top:1px solid var(--gray-200);overflow-x:auto}.tagged-product-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:12px;white-space:nowrap}.tagged-product-remove{border:none;background:none;cursor:pointer;color:var(--gray-400);padding:0 2px;font-size:14px;line-height:1}.create-page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.create-header{margin-bottom:32px}.create-header h1{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.create-subtitle{font-size:15px;color:var(--gray-500)}.create-quick-actions{display:flex;gap:16px;margin-bottom:40px}.create-action-card{flex:1;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;color:inherit;background:#fff}.create-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-action-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--primary)}.create-action-title{font-size:16px;font-weight:600;color:var(--gray-800)}.create-action-desc{font-size:13px;color:var(--gray-500);text-align:center;line-height:1.4}.create-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.create-section-title{font-size:20px;font-weight:700;color:var(--gray-900)}.template-categories{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.template-categories::-webkit-scrollbar{display:none}.template-cat-btn{padding:8px 18px;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-full);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);color:var(--gray-600)}.template-cat-btn:hover{border-color:var(--primary);color:var(--primary)}.template-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-base);background:#fff}.template-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--gray-100)}.template-card-info{padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.template-name{font-size:13px;font-weight:500;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-badge{font-size:10px;font-weight:700;text-transform:uppercase;color:#fff;background:var(--primary);padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.5px;white-space:nowrap}.template-grid-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-skeleton{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-100)}.template-skeleton-img{width:100%;aspect-ratio:1;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.publish-page{max-width:720px;margin:0 auto;padding:32px 24px 64px}.publish-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.publish-back-btn{width:40px;height:40px;border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:all var(--transition-fast)}.publish-back-btn:hover{border-color:var(--gray-400)}.publish-title{font-size:24px;font-weight:700;color:var(--gray-900)}.publish-preview{width:100%;max-width:400px;margin:0 auto 32px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.publish-preview img{width:100%;display:block}.publish-form{display:flex;flex-direction:column;gap:20px}.publish-field{display:flex;flex-direction:column;gap:6px}.publish-label{font-size:13px;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.publish-input{padding:12px 14px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-primary);outline:none;transition:border-color var(--transition-fast)}.publish-input:focus{border-color:var(--primary)}.publish-textarea{padding:12px 14px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-primary);outline:none;resize:vertical;min-height:100px;transition:border-color var(--transition-fast)}.publish-textarea:focus{border-color:var(--primary)}.publish-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.publish-toggle-label{font-size:15px;color:var(--gray-700)}.publish-toggle-switch{width:48px;height:28px;background:var(--gray-300);border-radius:14px;position:relative;cursor:pointer;transition:background var(--transition-fast);border:none}.publish-toggle-switch.active{background:var(--primary)}.publish-toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform var(--transition-fast);box-shadow:var(--shadow-xs)}.publish-toggle-switch.active:after{transform:translate(20px)}.publish-products{margin-top:8px}.publish-product-list{display:flex;flex-direction:column;gap:8px}.publish-product-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.publish-product-img{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover}.publish-product-name{flex:1;font-size:13px;color:var(--gray-700)}.publish-product-price{font-size:13px;font-weight:600;color:var(--primary)}.publish-submit{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;font-family:var(--font-primary);transition:background var(--transition-fast);margin-top:12px}.publish-submit:hover{background:var(--primary-dark)}.publish-submit:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-500);font-size:14px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:32px}.loading-spinner:after{content:"";width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.pro-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#fff;background:linear-gradient(135deg,#c5953b,#e8c36a,#c5953b);padding:1px 6px;border-radius:var(--radius-full);line-height:1.6;vertical-align:middle;white-space:nowrap}.pro-badge-lg{font-size:11px;padding:3px 10px}.pro-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.pro-modal{background:#fff;border-radius:var(--radius-xl);padding:40px 32px 32px;max-width:400px;width:90%;text-align:center;position:relative;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pro-modal-close{position:absolute;top:12px;right:16px;border:none;background:none;font-size:24px;color:var(--gray-400);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pro-modal-icon{margin-bottom:16px}.pro-modal-title{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:8px;font-family:var(--font-primary)}.pro-modal-feature{font-size:14px;color:var(--gray-600);margin-bottom:20px}.pro-modal-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}.pro-modal-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.pro-modal-features li:last-child{border-bottom:none}.pro-modal-cta{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#c5953b,#e8c36a,#c5953b);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;text-decoration:none;text-align:center;font-family:var(--font-primary);cursor:pointer;transition:opacity var(--transition-fast)}.pro-modal-cta:hover{opacity:.9}.pro-modal-note{font-size:12px;color:var(--gray-400);margin-top:12px;line-height:1.4}.template-card-premium-overlay{position:absolute;top:8px;right:8px}@media (max-width: 768px){.editor-sidebar{width:56px;min-width:56px}.sidebar-btn{padding:10px 2px}.sidebar-btn-label{font-size:9px}.sidebar-btn-icon svg{width:20px;height:20px}.editor-tool-panel-container{width:260px;min-width:260px;max-width:260px}.create-quick-actions{flex-direction:column}.create-action-card{max-width:100%}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px}.video-editor-sidebar{width:240px;min-width:240px;max-width:240px}}.video-editor-sidebar{width:320px;min-width:320px;max-width:320px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden;z-index:4}.video-placeholder-list{display:flex;flex-direction:column;height:100%;overflow-y:auto}.video-placeholder-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background var(--transition-fast)}.video-placeholder-item:hover{background:var(--gray-50)}.video-placeholder-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.video-placeholder-info{flex:1;min-width:0}.video-placeholder-type{font-size:13px;font-weight:600;color:var(--gray-800)}.video-placeholder-preview{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-lottie-wrapper{box-shadow:0 4px 32px #00000080;border-radius:var(--radius-sm);overflow:hidden}.video-lottie-wrapper canvas{display:block;width:100%!important;height:100%!important}.video-asset-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--gray-100);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;transition:all var(--transition-fast)}.video-asset-item:hover{border-color:var(--gray-300);background:var(--gray-50)}.video-asset-item.active{border-color:var(--primary);background:var(--primary-subtle)}.video-asset-preview{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--gray-100)}.video-asset-preview img{width:100%;height:100%;object-fit:cover}.video-asset-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.video-asset-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.video-asset-name{font-size:13px;font-weight:500;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-asset-dims{font-size:11px;color:var(--gray-400)}.video-asset-replace-btn{padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-primary);white-space:nowrap;transition:background var(--transition-fast);flex-shrink:0}.video-asset-replace-btn:hover{background:var(--primary-dark)}.video-player-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px}.video-lottie-container{width:100%;aspect-ratio:1;background:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 32px #00000080;overflow:hidden}.video-lottie-container canvas{display:block;width:100%!important;height:100%!important}.video-controls{display:flex;align-items:center;gap:12px}.video-control-btn{width:40px;height:40px;border:none;background:#ffffff1a;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}.video-control-btn:hover{background:#fff3}.video-control-play{width:52px;height:52px;background:var(--primary)}.video-control-play:hover{background:var(--primary-dark)}:root{--primary: #6DA98E;--primary-light: #8FBEA7;--primary-dark: #5A9479;--primary-subtle: rgba(109, 169, 142, .08);--primary-hover: rgba(109, 169, 142, .12);--white: #FFFFFF;--off-white: #FAFAFA;--gray-50: #F7F7F7;--gray-100: #EFEFEF;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--black: #0A0A0A;--success: #6DA98E;--error: #DC2626;--warning: #F59E0B;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", "SF Mono", "Fira Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.6;color:var(--gray-800);background-color:var(--white);min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}code{font-family:var(--font-mono);font-size:.875em;background:var(--gray-100);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--gray-700)}img{max-width:100%;height:auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:#ffffffeb;border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:var(--space-4)}@media (min-width: 1024px){.site-header{padding:var(--space-4) var(--space-16)}}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--black);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:2px;transform:rotate(45deg)}.primary-nav{display:flex;align-items:center;gap:var(--space-1)}.primary-nav a{font-size:.9375rem;font-weight:500;color:var(--gray-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.primary-nav a:hover{color:var(--black);background:var(--gray-50)}.primary-nav a.active{color:var(--primary-dark);background:var(--primary-subtle)}.desktop-nav{display:none}@media (min-width: 768px){.desktop-nav{display:flex}}.header-auth{display:flex;align-items:center;gap:var(--space-3)}.header-auth-buttons{display:none;align-items:center;gap:var(--space-2)}@media (min-width: 768px){.header-auth-buttons{display:flex}}.header-avatar-link{display:flex}.header-avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;cursor:pointer;padding:0}@media (min-width: 768px){.mobile-menu-btn{display:none}}.hamburger{display:block;width:20px;height:2px;background:var(--gray-700);position:relative;transition:all var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:20px;height:2px;background:var(--gray-700);left:0;transition:all var(--transition-fast)}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}.mobile-nav-overlay{position:fixed;right:0;bottom:0;left:0;top:65px;background:#0000004d;z-index:99;animation:fadeIn .2s ease}.mobile-nav{background:var(--white);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);border-bottom:1px solid var(--gray-100);box-shadow:var(--shadow-lg)}.mobile-nav-link{padding:var(--space-3) var(--space-4);font-size:1rem;font-weight:500;color:var(--gray-700);border-radius:var(--radius-md);border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-primary)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-subtle);color:var(--primary-dark)}.logout-link{color:var(--error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.site-main{flex:1;padding:var(--space-8) var(--space-6);max-width:1400px;margin:0 auto;width:100%}@media (min-width: 1024px){.site-main{padding:var(--space-10) var(--space-16)}}.site-footer{padding:var(--space-12) var(--space-8);background:var(--black);color:var(--gray-400);margin-top:auto}@media (min-width: 1024px){.site-footer{padding:var(--space-12) var(--space-16)}}.footer-content{display:grid;gap:var(--space-10);margin-bottom:var(--space-10)}@media (min-width: 768px){.footer-content{grid-template-columns:1.5fr 2fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{font-size:1.25rem;font-weight:700;color:var(--white)}.footer-brand p{font-size:.9375rem;color:var(--gray-400);line-height:1.7;max-width:36ch}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-col{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-300);margin-bottom:var(--space-2)}.footer-col a{font-size:.875rem;color:var(--gray-400);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-6);font-size:.8125rem;color:var(--gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-dark{background:var(--black);color:#fff;border-color:var(--black)}.btn-dark:hover{background:var(--gray-800);color:#fff}.btn-outline{background:transparent;color:var(--gray-800);border-color:var(--gray-200)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-subtle)}.btn-ghost{background:transparent;color:var(--gray-600);border-color:transparent;padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--black);background:var(--gray-50);box-shadow:none;transform:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;color:var(--white);background:var(--black);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-5)}.button:hover{background:var(--gray-800);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button.primary{background:var(--primary)}.button.primary:hover{background:var(--primary-dark)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gray-50)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:700;color:var(--black);margin-bottom:var(--space-6)}.auth-logo-dot{width:8px;height:8px;background:var(--primary);border-radius:2px;transform:rotate(45deg)}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.auth-header p{font-size:.9375rem;color:var(--gray-500)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-label{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label span{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.auth-input::placeholder{color:var(--gray-400)}.auth-textarea{resize:vertical;min-height:80px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 480px){.auth-row{grid-template-columns:1fr;gap:var(--space-4)}}.auth-card{width:100%;max-width:440px;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}@media (min-width: 481px){.auth-card{padding:var(--space-10)}}.auth-input{padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:.9375rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:border-color var(--transition-fast);outline:none;width:100%;min-width:0;box-sizing:border-box}.auth-btn{padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.auth-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{padding:var(--space-3) var(--space-4);background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;font-weight:500}.auth-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);font-size:.875rem;color:var(--gray-500)}.auth-footer a{color:var(--primary-dark);font-weight:600}.auth-divider{color:var(--gray-300)}.onboarding-card{width:100%;max-width:520px;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width: 481px){.onboarding-card{padding:var(--space-10)}}.onboarding-progress{height:4px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .4s ease}.onboarding-step-indicator{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400)}.onboarding-step{display:flex;flex-direction:column;gap:var(--space-5)}.onboarding-header{text-align:center}.onboarding-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.onboarding-header p{font-size:.9375rem;color:var(--gray-500)}.onboarding-url-preview{display:flex;align-items:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.onboarding-url-prefix{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);font-size:.9375rem;color:var(--gray-400);font-weight:500;white-space:nowrap;background:var(--gray-50)}.onboarding-url-input{border:none!important;border-radius:0!important;background:var(--white)!important;flex:1;min-width:0}.onboarding-url-input:focus{box-shadow:none!important}.onboarding-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.onboarding-actions .auth-btn{width:100%}.onboarding-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.onboarding-avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--primary)}.onboarding-avatar-img{width:100%;height:100%;object-fit:cover}.onboarding-avatar-placeholder{width:100%;height:100%;background:var(--gray-50);display:flex;align-items:center;justify-content:center}.onboarding-upload-btn{cursor:pointer}.onboarding-suggestions-grid{display:flex;flex-direction:column;gap:var(--space-2);max-height:340px;overflow-y:auto}.suggestion-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast)}.suggestion-card:hover{background:var(--gray-50)}.suggestion-card.skeleton{pointer-events:none}.suggestion-avatar-wrap{flex-shrink:0}.suggestion-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.suggestion-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-subtle);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.suggestion-info{flex:1;min-width:0;display:flex;flex-direction:column}.suggestion-name{font-size:.9375rem;font-weight:600;color:var(--black)}.suggestion-handle{font-size:.8125rem;color:var(--gray-500)}.home-page{display:flex;flex-direction:column;gap:var(--space-16)}.home-hero{display:grid;gap:var(--space-10);align-items:center;padding:var(--space-10) 0}@media (min-width: 768px){.home-hero{grid-template-columns:1.2fr 1fr;padding:var(--space-16) 0}}.home-hero-content .eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-dark);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--primary-subtle);border-radius:var(--radius-full);width:fit-content}.home-hero-content .eyebrow:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%}.home-hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--black);margin-bottom:var(--space-5)}.home-hero-sub{font-size:1.125rem;color:var(--gray-500);line-height:1.7;max-width:48ch;margin-bottom:var(--space-8)}.home-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.home-hero-visual{display:flex;justify-content:center}.home-phone-mockup{width:260px;height:500px;background:var(--black);border-radius:36px;padding:12px;box-shadow:var(--shadow-xl)}.home-phone-screen{width:100%;height:100%;background:var(--white);border-radius:26px;overflow:hidden;position:relative}.home-phone-video{width:100%;height:100%;object-fit:cover;display:block}.home-download{background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-100)}.home-download-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-10);flex-wrap:wrap}.home-download h2{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.home-download p{color:var(--gray-500);max-width:40ch}.home-featured,.home-steps{display:flex;flex-direction:column;gap:var(--space-8)}.home-section-header{display:flex;align-items:center;justify-content:space-between}.home-section-header h2{font-size:1.5rem;font-weight:700;color:var(--black)}.home-see-all{font-size:.9375rem;font-weight:600;color:var(--primary-dark)}.home-featured-cta{position:relative}.home-featured-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);position:relative;min-height:280px}.home-preview-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100)}.home-preview-img{width:100%;padding-bottom:125%;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%)}.home-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-8);gap:var(--space-3)}.home-preview-overlay h3{font-size:1.5rem;font-weight:700;color:var(--black)}.home-preview-overlay p{color:var(--gray-500);font-size:.9375rem;max-width:400px}@media (max-width: 640px){.home-featured-preview{grid-template-columns:repeat(2,1fr);min-height:200px}}.home-steps h2{font-size:1.5rem;font-weight:700;color:var(--black);text-align:center}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center;padding:var(--space-8);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base)}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.step-num{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin:0 auto var(--space-5)}.step-card h3{font-size:1.125rem;font-weight:600;color:var(--black);margin-bottom:var(--space-2)}.step-card p{font-size:.9375rem;color:var(--gray-500);line-height:1.6}.home-steps-subtitle{text-align:center;color:var(--gray-500);font-size:1.0625rem;max-width:52ch;margin:-.5rem auto 0}.step-icon{width:56px;height:56px;background:var(--primary-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.home-explore-creators{display:flex;flex-direction:column;gap:var(--space-6)}.home-explore-sub{color:var(--gray-500);font-size:1rem;margin-top:calc(-1 * var(--space-4))}.home-creator-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.home-creator-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base)}.home-creator-card:hover{border-color:var(--primary);background:var(--primary-subtle);transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}.creator-card-avatar-wrap{width:48px;height:48px;border-radius:50%;background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.creator-card-avatar-placeholder{font-size:1.25rem;font-weight:700;color:var(--primary-dark)}.creator-card-info{display:flex;flex-direction:column;gap:2px}.creator-card-name{font-size:.9375rem;font-weight:600;color:var(--black)}.creator-card-label{font-size:.8125rem;color:var(--primary-dark);font-weight:500}.collage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.collage-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.collage-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.collage-card-img-wrap{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--gray-50)}.collage-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.collage-card:hover .collage-card-img{transform:scale(1.03)}.collage-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.collage-card-title{font-size:.9375rem;font-weight:600;color:var(--black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collage-card-author{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--gray-500)}.collage-card-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.collage-card-stats{display:flex;align-items:center;gap:var(--space-4);font-size:.75rem;color:var(--gray-400)}.collage-card-stats span{display:flex;align-items:center;gap:var(--space-1)}.collage-card-stats svg{flex-shrink:0}.collage-card.skeleton{pointer-events:none}.skeleton-img{aspect-ratio:4/5;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);position:relative;overflow:hidden}.skeleton-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.skeleton-text{height:12px;border-radius:var(--radius-full);background:var(--gray-200)}.skeleton-text.short{width:60%}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:var(--gray-200)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.feed-page,.discover-page,.notifications-page,.create-page,.dashboard-page,.gallery-page,.influencer-page,.detail-page{display:flex;flex-direction:column;gap:var(--space-8)}.feed-header,.discover-header,.notif-header,.create-header,.gallery-header{display:flex;flex-direction:column;gap:var(--space-2)}.feed-header h1,.discover-header h1,.notif-header h1,.create-header h1,.gallery-header h1{font-size:1.75rem;font-weight:700;color:var(--black)}.feed-subtitle,.discover-subtitle,.create-subtitle,.gallery-subtitle{color:var(--gray-500);font-size:1rem}.gallery-back{font-size:.875rem;font-weight:600;color:var(--primary-dark);margin-bottom:var(--space-2)}.category-pills{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.cat-pill{flex-shrink:0;padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:.8125rem;font-weight:500;color:var(--gray-600);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.cat-pill:hover{border-color:var(--primary);color:var(--primary-dark)}.cat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.load-more-wrap{display:flex;justify-content:center;padding:var(--space-8) 0}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);gap:var(--space-4)}.empty-state-box h3{font-size:1.25rem;font-weight:600;color:var(--gray-700)}.empty-state-box p{color:var(--gray-500);max-width:36ch}.empty-state{color:var(--gray-400);text-align:center;padding:var(--space-8)}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast)}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:var(--primary-subtle)}.notif-icon-wrap{width:40px;height:40px;border-radius:50%;background:var(--gray-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-msg{font-size:.9375rem;color:var(--gray-800);line-height:1.5}.notif-time{font-size:.75rem;color:var(--gray-400)}.notif-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.notif-avatar-wrap{flex-shrink:0;text-decoration:none;color:inherit}.notif-user-link{text-decoration:none;color:inherit}.notif-user-link:hover{text-decoration:underline}.notif-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.notif-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-subtle);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.notif-msg strong{font-weight:600;color:var(--black)}.notif-msg em{color:var(--gray-600);font-style:normal;font-weight:500}.notif-comment{font-size:.8125rem;color:var(--gray-500);margin-top:var(--space-1);font-style:italic}.notif-icon-badge{flex-shrink:0;opacity:.6}.notif-thumb-link{flex-shrink:0}.create-actions{display:flex;gap:var(--space-4)}.create-blank-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-10);background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--radius-xl);flex:1;transition:all var(--transition-base)}.create-blank-card:hover{border-color:var(--primary);background:var(--primary-subtle)}.create-blank-card h3{font-size:1.125rem;font-weight:600;color:var(--black)}.create-blank-card p{color:var(--gray-500);max-width:36ch}.create-templates-section{display:flex;flex-direction:column;gap:var(--space-6)}.create-templates-section h2{font-size:1.25rem;font-weight:700;color:var(--black)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.template-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);transition:all var(--transition-base);cursor:pointer}.template-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.template-card-img{width:100%;aspect-ratio:3/4;object-fit:cover}.template-card-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)}.template-name{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.template-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-full)}.dash-profile-header{display:flex;gap:var(--space-8);align-items:flex-start;flex-wrap:wrap;padding:var(--space-8);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-100)}.dash-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);flex-shrink:0}.dash-profile-info{flex:1;min-width:200px}.dash-profile-info h1{font-size:1.5rem;font-weight:700;color:var(--black)}.dash-handle{font-size:.9375rem;color:var(--primary-dark);font-weight:500}.dash-bio{color:var(--gray-600);font-size:.9375rem;margin-top:var(--space-2)}.dash-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.dash-stat{display:flex;flex-direction:column;align-items:center}.dash-stat strong{font-size:1.25rem;font-weight:700;color:var(--black)}.dash-stat span{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.dash-actions{display:flex;gap:var(--space-2);flex-shrink:0}.dash-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 640px){.dash-quick-actions{grid-template-columns:repeat(2,1fr)}}.dash-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);color:var(--gray-700);transition:all var(--transition-base)}.dash-action-card:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-subtle);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-action-card svg{stroke:var(--primary)}.dash-action-card span{font-size:.875rem;font-weight:600}.dash-collages-section{display:flex;flex-direction:column;gap:var(--space-6)}.inf-profile-header{text-align:center;padding:var(--space-12) var(--space-6) var(--space-8);background:var(--black);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-6);position:relative;overflow:hidden}.inf-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(109,169,142,.15) 0%,transparent 60%);pointer-events:none}.inf-header-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.inf-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--white);background:var(--white);flex-shrink:0}.inf-display-name{font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:.02em;text-transform:uppercase;margin:0}.inf-instagram-link{color:var(--white);opacity:.8;transition:opacity var(--transition-fast)}.inf-instagram-link:hover{opacity:1}.inf-stats-row{display:flex;gap:var(--space-8);margin-top:var(--space-2)}.inf-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.inf-stat strong{font-size:1rem;font-weight:700;color:var(--white)}.inf-stat span{font-size:.75rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.05em}.inf-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.inf-actions .btn-outline{color:var(--white);border-color:#fff6}.inf-actions .btn-outline:hover{border-color:var(--white);background:#ffffff1a}.inf-section{display:flex;flex-direction:column;gap:var(--space-4)}.inf-section-title{font-size:1.25rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.03em}.inf-signin-cta{text-align:center;padding:var(--space-8);font-size:.9375rem;color:var(--gray-500)}.inf-signin-cta a{color:var(--primary-dark);font-weight:600}.inf-social-links{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.inf-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff26;color:var(--white);transition:all var(--transition-fast)}.inf-social-link:hover{background:#ffffff4d;transform:scale(1.1)}.inf-social-link svg{fill:var(--white)}.inf-profile-name{font-size:.875rem;color:#ffffffb3;margin:0}.inf-bio{font-size:.875rem;color:#ffffffbf;max-width:400px;line-height:1.5;margin:var(--space-1) 0 0}.detail-social-links{display:flex;gap:var(--space-2);align-items:center}.detail-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--gray-500);transition:color var(--transition-fast)}.detail-social-link:hover{color:var(--primary)}.detail-social-link svg{fill:currentColor}.gallery-profile-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.gallery-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);flex-shrink:0}.detail-profile-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--black);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.detail-profile-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.detail-profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--white)}.detail-profile-name{font-size:1rem;font-weight:600;color:var(--white)}.detail-instagram-link{color:var(--white);opacity:.7;margin-left:auto;transition:opacity var(--transition-fast)}.detail-instagram-link:hover{opacity:1}.detail-action-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.detail-collage-header{margin-bottom:var(--space-4)}.detail-shop-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center;color:var(--black);padding:var(--space-3) 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.detail-like-section{display:flex;justify-content:center;padding:var(--space-8) 0}.detail-like-btn{border:none;background:none;cursor:pointer;padding:var(--space-3);border-radius:50%;transition:all var(--transition-fast)}.detail-like-btn:hover{background:#dc262614;transform:scale(1.1)}.detail-like-btn.liked{animation:heartPop .3s ease}.detail-like-cta{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-size:.875rem}.detail-like-cta:hover{color:var(--primary-dark)}.booking-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.booking-success p{color:var(--gray-600);font-size:.9375rem}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.detail-layout{display:grid;gap:var(--space-8)}@media (min-width: 768px){.detail-layout{grid-template-columns:1.2fr 1fr}}.detail-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--gray-500)}.detail-breadcrumb a{color:var(--primary-dark);font-weight:500}.detail-image-section{display:flex;justify-content:center}.detail-main-img{width:100%;max-width:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.detail-info-section{display:flex;flex-direction:column;gap:var(--space-5)}.detail-title{font-size:1.5rem;font-weight:700;color:var(--black)}.detail-author{display:flex;align-items:center;gap:var(--space-3);font-size:.9375rem;font-weight:500;color:var(--gray-700)}.detail-author-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.detail-stats{display:flex;gap:var(--space-5);font-size:.875rem;color:var(--gray-500)}.detail-actions{display:flex;gap:var(--space-3)}.detail-products{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--gray-100)}.detail-products h3{font-size:1.0625rem;font-weight:600;color:var(--black)}.detail-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.detail-product-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);transition:all var(--transition-fast)}.detail-product-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.detail-product-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.detail-product-name{font-size:.75rem;color:var(--gray-700);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-product-price{font-size:.75rem;font-weight:600;color:var(--primary-dark)}.detail-skeleton{display:grid;gap:var(--space-8)}@media (min-width: 768px){.detail-skeleton{grid-template-columns:1.2fr 1fr}}.detail-img-skeleton{aspect-ratio:4/5;border-radius:var(--radius-lg)}.detail-info-skeleton{display:flex;flex-direction:column;gap:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-6);animation:fadeIn .2s ease}.modal-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:440px;position:relative;box-shadow:var(--shadow-xl)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.modal-card h2{font-size:1.25rem;font-weight:700;color:var(--black);margin-bottom:var(--space-6)}.booking-form{display:flex;flex-direction:column;gap:var(--space-4)}.page-shell{display:flex;flex-direction:column;gap:var(--space-10)}.page-hero{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10) var(--space-8);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border:1px solid var(--gray-100);border-radius:var(--radius-xl);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,var(--primary-subtle) 0%,transparent 70%);pointer-events:none}@media (min-width: 768px){.page-hero{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-12)}}.page-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--black);margin-bottom:var(--space-3)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-dark);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--primary-subtle);border-radius:var(--radius-full);width:fit-content}.eyebrow:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%}.subtitle{font-size:1.0625rem;color:var(--gray-500);max-width:52ch;line-height:1.7}.page-cta{flex-shrink:0}.page-content{display:flex;flex-direction:column;gap:var(--space-8)}.grid{display:grid;gap:var(--space-6)}.grid.two,.grid.three{grid-template-columns:1fr}@media (min-width: 640px){.grid.two,.grid.three{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid.three{grid-template-columns:repeat(3,1fr)}}.card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-base)}.card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md)}.card h2{font-size:1.25rem;font-weight:600;color:var(--black);margin-bottom:var(--space-4);letter-spacing:-.02em}.card h3{font-size:1.0625rem;font-weight:600;color:var(--black);margin-bottom:var(--space-3);letter-spacing:-.01em}.card p{color:var(--gray-600);line-height:1.7}.cta-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--black);color:var(--white);border-radius:var(--radius-lg);min-width:240px}.cta-card p{font-size:.8125rem;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.8125rem;background:var(--gray-800);color:var(--primary-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--gray-700)}.pill-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.pill{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pill:hover{background:var(--white);border-color:var(--primary);box-shadow:var(--shadow-sm)}.pill strong{font-size:.9375rem;font-weight:600;color:var(--black)}.pill>span{font-size:.875rem;color:var(--gray-500)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tag{font-size:.6875rem;font-weight:500;padding:var(--space-1) var(--space-3);background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.checklist li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.9375rem;color:var(--gray-700);line-height:1.6}.checklist li:before{content:"";flex-shrink:0;width:20px;height:20px;background:var(--primary);border-radius:var(--radius-sm);margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.detail-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.detail-list li{display:flex;align-items:center;gap:var(--space-3);font-size:.9375rem;color:var(--gray-600);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100)}.detail-list li:last-child{border-bottom:none}.detail-list li:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0}.faq-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-6)}.faq-list li{padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-100)}.faq-list li:last-child{border-bottom:none;padding-bottom:0}.faq-list strong{display:block;font-size:1rem;font-weight:600;color:var(--black);margin-bottom:var(--space-2)}.faq-list span{display:block;font-size:.9375rem;color:var(--gray-600);line-height:1.7}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.placeholder-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md)}.placeholder-image{aspect-ratio:4/3;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);position:relative;overflow:hidden}.placeholder-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.placeholder-text{height:10px;border-radius:var(--radius-full);background:var(--gray-200)}.placeholder-text.short{width:65%}@media (max-width: 768px){.site-main{padding:var(--space-6) var(--space-4)}.page-hero{padding:var(--space-6)}.card{padding:var(--space-5)}.site-footer{padding:var(--space-8) var(--space-5)}.footer-links-grid{grid-template-columns:1fr;gap:var(--space-6)}.home-download-inner{flex-direction:column;align-items:flex-start}.dash-profile-header,.inf-profile-header{flex-direction:column;align-items:center;text-align:center}.inf-stats,.inf-actions,.dash-stats,.dash-actions,.inf-social-links{justify-content:center}}.text-center{text-align:center}.text-primary{color:var(--primary)}.bg-primary-subtle{background:var(--primary-subtle)}.mt-auto{margin-top:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.discover-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.discover-tab{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.discover-tab:hover{color:var(--gray-800)}.discover-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.collection-card{display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--white);border:1px solid var(--gray-200);text-decoration:none;color:inherit;transition:all .2s}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.collection-card-img-wrap{aspect-ratio:16/10;overflow:hidden}.collection-card-img{width:100%;height:100%;object-fit:cover}.collection-card-body{padding:var(--space-4)}.collection-card-title{font-weight:600;font-size:1rem;margin:0 0 var(--space-2)}.collection-card-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.profile-header{padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--gray-200);margin-bottom:0}.profile-header-top{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-5)}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.profile-premium-badge{position:absolute;bottom:0;right:0;width:22px;height:22px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--white)}.profile-stats-row{display:flex;gap:var(--space-8);flex:1}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background .2s}.profile-stat:hover{background:var(--primary-subtle)}.profile-stat strong{font-size:1.2rem;font-weight:700;color:var(--black)}.profile-stat span{font-size:.8rem;color:var(--gray-500)}.profile-info-section{margin-bottom:var(--space-4)}.profile-display-name{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-1)}.profile-handle{font-size:.85rem;color:var(--gray-500);margin:0 0 var(--space-2)}.profile-bio{font-size:.9rem;color:var(--gray-700);margin:0 0 var(--space-2);line-height:1.5}.profile-subdomain{font-size:.8rem;color:var(--primary);text-decoration:none}.profile-subdomain:hover{text-decoration:underline}.profile-social-links{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.profile-social-link{width:32px;height:32px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:all .2s}.profile-social-link:hover{background:var(--primary-subtle);color:var(--primary)}.profile-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-edit-btn{flex:1;min-width:120px}.profile-tabs{display:flex;border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.profile-tab:hover{color:var(--gray-800)}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.profile-tab-count{font-size:.75rem;background:var(--gray-100);padding:1px 6px;border-radius:10px;color:var(--gray-600)}.profile-tab.active .profile-tab-count{background:var(--primary-subtle);color:var(--primary)}.profile-content{padding:var(--space-6) 0}.user-list{display:flex;flex-direction:column}.user-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;border-bottom:1px solid var(--gray-100);transition:background .15s}.user-list-item:hover{background:var(--primary-subtle)}.user-list-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-list-info{display:flex;flex-direction:column;gap:2px}.user-list-name{font-weight:600;font-size:.9rem}.user-list-mutual{font-size:.75rem;color:var(--primary)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.suggestion-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all .2s}.suggestion-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.suggestion-card-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;flex:1;min-width:0}.suggestion-preview{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.suggestion-preview-img{width:100%;height:100%;object-fit:cover}.suggestion-stats{font-size:.75rem;color:var(--gray-400);margin-top:2px}.follow-active{border-color:var(--primary);color:var(--primary)}.feed-discover-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.feed-discover-title{font-size:1.3rem;font-weight:700;margin:0 0 var(--space-2)}.feed-discover-subtitle{font-size:.9rem;color:var(--gray-500);margin:0 0 var(--space-6)}@media (max-width: 768px){.profile-header-top{gap:var(--space-4)}.profile-avatar{width:64px;height:64px}.profile-stats-row{gap:var(--space-4)}.profile-stat strong{font-size:1rem}.suggestions-grid,.collections-grid{grid-template-columns:1fr}.discover-tabs{gap:0}.discover-tab{padding:var(--space-2) var(--space-3);font-size:.8rem}}.edit-profile-page{min-height:80vh;display:flex;justify-content:center;padding:var(--space-4) var(--space-4)}.edit-profile-container{width:100%;max-width:600px}.edit-profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-100)}.edit-profile-header h1{font-size:1.25rem;font-weight:700;color:var(--black)}.edit-profile-back{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;font-weight:500;color:var(--gray-600);transition:color var(--transition-fast)}.edit-profile-back:hover{color:var(--primary)}.edit-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) 0;color:var(--gray-500)}.edit-profile-form{display:flex;flex-direction:column;gap:var(--space-6)}.edit-profile-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.edit-profile-message.error{background:#fef2f2;color:var(--error);border:1px solid #FECACA}.edit-profile-message.success{background:#6da98e14;color:var(--primary-dark);border:1px solid rgba(109,169,142,.2)}.edit-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0}.edit-profile-avatar-wrap{position:relative;width:100px;height:100px}.edit-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.edit-profile-avatar-overlay{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--shadow-md)}.edit-profile-avatar-overlay:hover{background:var(--primary-dark)}.edit-profile-upload-btn{margin-top:var(--space-1)}.edit-profile-avatar-hint{font-size:.8125rem;color:var(--gray-400)}.edit-profile-fields{display:flex;flex-direction:column;gap:var(--space-5)}.edit-profile-field{display:flex;flex-direction:column;gap:var(--space-2)}.edit-profile-label{font-size:.8125rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em}.edit-profile-input{width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;font-family:var(--font-primary);color:var(--gray-800);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-input::placeholder{color:var(--gray-400)}.edit-profile-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;font-family:var(--font-primary);color:var(--gray-800);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);resize:vertical;min-height:80px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-textarea::placeholder{color:var(--gray-400)}.edit-profile-char-count{align-self:flex-end;font-size:.75rem;color:var(--gray-400)}.edit-profile-url-wrap{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-url-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-url-prefix{padding:var(--space-3) var(--space-3);font-size:.875rem;color:var(--gray-400);background:var(--gray-50);border-right:1px solid var(--gray-200);white-space:nowrap;-webkit-user-select:none;user-select:none}.edit-profile-url-input{border:none!important;border-radius:0!important;box-shadow:none!important}.edit-profile-url-input:focus{box-shadow:none!important}.edit-profile-social-wrap{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-social-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-social-icon{margin-left:var(--space-3);flex-shrink:0}.edit-profile-social-input{border:none!important;border-radius:0!important;box-shadow:none!important}.edit-profile-social-input:focus{box-shadow:none!important}.edit-profile-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.edit-profile-divider span{font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.edit-profile-divider:before,.edit-profile-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.edit-profile-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.edit-profile-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.featured-creators-page{max-width:1200px;margin:0 auto}.featured-creators-header{margin-bottom:var(--space-8)}.featured-creators-header h1{font-size:1.75rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.featured-creators-subtitle{font-size:1rem;color:var(--gray-500)}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.creator-feature-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow var(--transition-base),transform var(--transition-base)}.creator-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.creator-feature-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%}.creator-feature-avatar-wrap{margin-bottom:var(--space-3)}.creator-feature-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light)}.creator-feature-name{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:var(--space-1)}.creator-feature-handle{font-size:.8125rem;color:var(--gray-500);margin-bottom:var(--space-2)}.creator-feature-stats{display:flex;gap:var(--space-4);font-size:.8125rem;color:var(--gray-500);margin-bottom:var(--space-3)}.creator-feature-previews{display:flex;gap:var(--space-2);width:100%;margin-bottom:var(--space-3);overflow:hidden;border-radius:var(--radius-md)}.creator-feature-preview{flex:1;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm)}.creator-feature-preview img{width:100%;height:100%;object-fit:cover}.creator-feature-follow{width:100%;max-width:200px}@media (max-width: 600px){.edit-profile-page{padding:var(--space-2)}.edit-profile-avatar-wrap,.edit-profile-avatar{width:80px;height:80px}.edit-profile-actions{flex-direction:column}.creators-grid{grid-template-columns:1fr}}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--gray-800);color:var(--gray-400);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.footer-social-link:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.footer-social-link svg{fill:currentColor}.legal-page{padding:var(--space-12) var(--space-6);max-width:820px;margin:0 auto}.legal-container{display:flex;flex-direction:column;gap:var(--space-10)}.legal-header{text-align:center;padding-bottom:var(--space-8);border-bottom:1px solid var(--gray-100)}.legal-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--black);margin-bottom:var(--space-3)}.legal-updated{font-size:.875rem;color:var(--gray-500)}.legal-content{display:flex;flex-direction:column;gap:var(--space-8)}.legal-section h2{font-size:1.375rem;font-weight:600;color:var(--black);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-subtle)}.legal-section h3{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-top:var(--space-5);margin-bottom:var(--space-3)}.legal-section p{font-size:.9375rem;line-height:1.8;color:var(--gray-600);margin-bottom:var(--space-3)}.legal-section ul{list-style:none;padding:0;margin:var(--space-3) 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.legal-section li{position:relative;padding-left:var(--space-6);font-size:.9375rem;line-height:1.7;color:var(--gray-600)}.legal-section li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--primary);border-radius:50%}.legal-section a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}.legal-section a:hover{color:var(--primary)}.legal-contact{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-4) 0}.legal-contact p{margin-bottom:var(--space-1);color:var(--gray-700)}.legal-note{font-size:.8125rem!important;color:var(--gray-400)!important;font-style:italic}@media (max-width: 640px){.legal-page{padding:var(--space-6) var(--space-4)}.legal-section h2{font-size:1.1875rem}}.about-page{display:flex;flex-direction:column}.about-hero{background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);padding:var(--space-20) var(--space-8);text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(109,169,142,.15) 0%,transparent 70%);pointer-events:none}.about-hero-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}.about-hero h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-5)}.about-hero-sub{font-size:1.125rem;color:var(--gray-300);line-height:1.7;max-width:54ch;margin:0 auto}.about-mission{padding:var(--space-16) var(--space-8)}.about-mission-inner{max-width:1100px;margin:0 auto;display:grid;gap:var(--space-12)}@media (min-width: 768px){.about-mission-inner{grid-template-columns:1.3fr 1fr;align-items:start}}.about-mission h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-5)}.about-mission-lead{font-size:1.1875rem;font-weight:500;color:var(--primary-dark);line-height:1.6;margin-bottom:var(--space-4)}.about-mission-content p{font-size:1rem;color:var(--gray-600);line-height:1.8}.about-mission-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.about-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);text-align:center}.about-stat-number{font-size:1.75rem;font-weight:700;color:var(--primary)}.about-stat-label{font-size:.8125rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.about-story{padding:var(--space-16) var(--space-8);background:var(--gray-50)}.about-story-inner{max-width:1100px;margin:0 auto}.about-story h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-8);text-align:center}.about-story-grid{display:grid;gap:var(--space-10)}@media (min-width: 768px){.about-story-grid{grid-template-columns:1.2fr 1fr}}.about-story-text p{font-size:1rem;line-height:1.8;color:var(--gray-600);margin-bottom:var(--space-5)}.about-story-highlights{display:flex;flex-direction:column;gap:var(--space-6)}.about-highlight{display:flex;gap:var(--space-4);align-items:flex-start}.about-highlight-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);border-radius:var(--radius-md)}.about-highlight h4{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:var(--space-1)}.about-highlight p{font-size:.875rem;color:var(--gray-500);line-height:1.6}.about-values{padding:var(--space-16) var(--space-8)}.about-values-inner{max-width:1100px;margin:0 auto;text-align:center}.about-values h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-3)}.about-values-sub{font-size:1.0625rem;color:var(--gray-500);margin-bottom:var(--space-10)}.about-values-grid{display:grid;gap:var(--space-6);text-align:left}@media (min-width: 640px){.about-values-grid{grid-template-columns:1fr 1fr}}.about-value-card{padding:var(--space-6);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),transform var(--transition-base)}.about-value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-value-icon{font-size:1.75rem;margin-bottom:var(--space-3)}.about-value-card h3{font-size:1.0625rem;font-weight:600;color:var(--black);margin-bottom:var(--space-2)}.about-value-card p{font-size:.9375rem;color:var(--gray-500);line-height:1.7}.about-backed{padding:var(--space-12) var(--space-8);background:var(--gray-50);text-align:center}.about-backed-inner{max-width:800px;margin:0 auto}.about-backed h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-4)}.about-backed>div>p,.about-backed-inner>p{font-size:1rem;color:var(--gray-500);line-height:1.7;margin-bottom:var(--space-8)}.about-backed-badges{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.about-badge{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);min-width:180px}.about-badge-label{font-size:.9375rem;font-weight:600;color:var(--black)}.about-badge-sub{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.about-cta{padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);text-align:center}.about-cta-inner{max-width:640px;margin:0 auto}.about-cta h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-4)}.about-cta p{font-size:1.0625rem;opacity:.9;line-height:1.7;margin-bottom:var(--space-8)}.about-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.about-cta .btn-primary{background:var(--white);color:var(--primary-dark)}.about-cta .btn-primary:hover{background:var(--gray-100)}.about-cta .btn-outline{border-color:#fff6;color:var(--white)}.about-cta .btn-outline:hover{background:#ffffff26}.about-contact{padding:var(--space-12) var(--space-8);text-align:center}.about-contact-inner{max-width:520px;margin:0 auto}.about-contact h3{font-size:1.375rem;font-weight:600;color:var(--black);margin-bottom:var(--space-3)}.about-contact>div>p,.about-contact-inner>p{font-size:1rem;color:var(--gray-500);line-height:1.7;margin-bottom:var(--space-6)}.about-contact-info{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:var(--space-5);display:inline-flex;flex-direction:column;gap:var(--space-1)}.about-contact-info p{font-size:.9375rem;color:var(--gray-600)}.about-contact-info a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}@media (max-width: 640px){.about-hero{padding:var(--space-12) var(--space-5)}.about-mission,.about-story,.about-values,.about-backed,.about-cta,.about-contact{padding-left:var(--space-5);padding-right:var(--space-5)}.about-mission-stats{grid-template-columns:1fr 1fr;gap:var(--space-3)}.about-stat{padding:var(--space-3)}}.hiw-page{display:flex;flex-direction:column}.hiw-hero{background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);padding:var(--space-20) var(--space-8);text-align:center;position:relative;overflow:hidden}.hiw-hero:before{content:"";position:absolute;bottom:-40%;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(109,169,142,.12) 0%,transparent 70%);pointer-events:none}.hiw-hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}.hiw-hero h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-5)}.hiw-hero-sub{font-size:1.125rem;color:var(--gray-300);line-height:1.7;max-width:52ch;margin:0 auto var(--space-8)}.hiw-hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hiw-hero .btn-outline{border-color:#ffffff4d;color:var(--white)}.hiw-hero .btn-outline:hover{background:#ffffff1a}.hiw-features{display:flex;flex-direction:column}.hiw-feature{padding:var(--space-16) var(--space-8)}.hiw-feature:nth-child(2n){background:var(--gray-50)}.hiw-feature-inner{max-width:1100px;margin:0 auto;display:grid;gap:var(--space-10);align-items:center}@media (min-width: 768px){.hiw-feature-inner{grid-template-columns:1fr 1.2fr}.hiw-feature--reversed .hiw-feature-inner{grid-template-columns:1.2fr 1fr}.hiw-feature--reversed .hiw-feature-visual{order:2}.hiw-feature--reversed .hiw-feature-content{order:1}}.hiw-feature-visual{display:flex;justify-content:center}.hiw-phone-frame{max-width:320px;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-slow)}.hiw-phone-frame:hover{transform:scale(1.02)}.hiw-screenshot{width:100%;height:auto;display:block}.hiw-feature-content{display:flex;flex-direction:column;gap:var(--space-4)}.hiw-feature-number{font-size:.875rem;font-weight:700;color:var(--primary);font-family:var(--font-mono);letter-spacing:.05em}.hiw-feature-content h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--black);letter-spacing:-.02em;line-height:1.2}.hiw-feature-desc{font-size:1rem;color:var(--gray-600);line-height:1.8}.hiw-feature-highlight{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-subtle);border-radius:var(--radius-md);width:fit-content}.hiw-feature-highlight span{font-size:.875rem;font-weight:500;color:var(--primary-dark)}.hiw-cta{padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);text-align:center;position:relative;overflow:hidden}.hiw-cta:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(109,169,142,.12) 0%,transparent 70%);pointer-events:none}.hiw-cta-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}.hiw-cta h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-4)}.hiw-cta p{font-size:1.0625rem;color:var(--gray-300);line-height:1.7;margin-bottom:var(--space-8)}.hiw-cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-5)}.hiw-cta .btn-outline{border-color:#ffffff4d;color:var(--white)}.hiw-cta .btn-outline:hover{background:#ffffff1a}.hiw-cta-note{font-size:.8125rem;color:var(--gray-500)}@media (max-width: 640px){.hiw-hero{padding:var(--space-12) var(--space-5)}.hiw-feature{padding:var(--space-10) var(--space-5)}.hiw-phone-frame{max-width:260px}.hiw-cta{padding:var(--space-12) var(--space-5)}}.book-gallery-page{min-height:100vh;background:var(--gray-900);display:flex;flex-direction:column;align-items:center;padding:0}.book-topbar{width:100%;padding:var(--space-4) var(--space-6);display:flex;align-items:center}.book-back-link{color:var(--gray-300);font-size:.875rem;text-decoration:none;transition:color .2s}.book-back-link:hover{color:var(--primary)}.book-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--gray-400)}.book-loading-spinner{width:40px;height:40px;border:3px solid var(--gray-700);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.book-viewport{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);width:100%;max-width:1100px;min-height:0}.book-nav{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--gray-300);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.book-nav:hover:not(:disabled){background:#6da98e33;border-color:var(--primary);color:var(--primary)}.book-nav:disabled{opacity:.2;cursor:default}.book-spread{display:flex;background:var(--white);border-radius:4px;box-shadow:0 0 40px #00000080,0 0 100px #0003;overflow:hidden;max-width:960px;width:100%;aspect-ratio:960 / 600;position:relative;transition:transform .4s ease}.book-spread--flip-next{animation:flipNext .45s ease-out}.book-spread--flip-prev{animation:flipPrev .45s ease-out}@keyframes flipNext{0%{transform:perspective(1200px) rotateY(0)}30%{transform:perspective(1200px) rotateY(-3deg)}to{transform:perspective(1200px) rotateY(0)}}@keyframes flipPrev{0%{transform:perspective(1200px) rotateY(0)}30%{transform:perspective(1200px) rotateY(3deg)}to{transform:perspective(1200px) rotateY(0)}}.book-spine{width:2px;background:linear-gradient(to bottom,var(--gray-200),var(--gray-300),var(--gray-200));flex-shrink:0;position:relative}.book-spine:before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:8px;background:linear-gradient(to right,transparent,rgba(0,0,0,.05))}.book-spine:after{content:"";position:absolute;top:0;bottom:0;right:-6px;width:8px;background:linear-gradient(to left,transparent,rgba(0,0,0,.05))}.book-page{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--white);overflow:hidden}.book-page--empty{background:var(--gray-50)}.book-page--cover{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 50%,var(--gray-50) 100%)}.book-cover-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8);text-align:center}.book-cover-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);box-shadow:0 4px 20px #6da98e33}.book-cover-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1.3}.book-cover-sub{font-size:.875rem;color:var(--gray-500)}.book-page--collage{padding:0}.book-page-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.book-page-img{max-width:100%;max-height:100%;object-fit:contain}.book-page-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffbf;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.book-page-link:hover .book-page-overlay{opacity:1}.book-page-overlay-text{font-family:var(--font-primary);font-size:1.125rem;font-weight:700;color:var(--gray-900);padding:var(--space-3) var(--space-6);border:2px solid var(--gray-900);border-radius:6px;transition:all .2s}.book-page-link:hover .book-page-overlay-text{background:var(--primary);border-color:var(--primary);color:var(--white)}.book-page-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:linear-gradient(transparent,#0009);color:var(--white);font-size:.75rem;font-weight:500;text-align:center;pointer-events:none}.book-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-8);width:100%;max-width:600px}.book-page-info{color:var(--gray-400);font-size:.8125rem;font-family:var(--font-primary)}.book-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--gray-700);border-radius:2px;outline:none;cursor:pointer}.book-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--white);box-shadow:0 0 4px #0000004d}.book-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--white);box-shadow:0 0 4px #0000004d}@media (max-width: 768px){.book-viewport{gap:var(--space-2);padding:var(--space-2)}.book-nav{width:36px;height:36px}.book-nav svg{width:18px;height:18px}.book-spread{aspect-ratio:auto;min-height:300px;max-height:60vh}.book-cover-avatar{width:64px;height:64px}.book-cover-title{font-size:1rem}.book-page-overlay-text{font-size:.875rem;padding:var(--space-2) var(--space-4)}}@media (max-width: 480px){.book-spread{flex-direction:column;aspect-ratio:auto;min-height:400px;max-height:70vh}.book-spine{width:100%;height:1px;background:linear-gradient(to right,var(--gray-200),var(--gray-300),var(--gray-200))}.book-spine:before,.book-spine:after{display:none}.book-page{min-height:180px}}