*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#111827;background:#f7f8fa;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.feedback-page{max-width:720px;margin:auto;padding:20px 14px 90px}.feedback-page h1{margin:0 0 8px;font-size:22px}.feedback-page h2{margin:26px 0 12px;font-size:17px}.feedback-page>p{color:#64748b;font-size:13px}.feedback-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:12px 0;padding:16px}.feedback-panel label{margin-bottom:14px;font-size:13px;font-weight:700;display:block}.feedback-panel input:not([type=file]),.feedback-panel textarea,.feedback-panel select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:9px;margin-top:8px;padding:11px;display:block}.feedback-panel button{color:#fff;background:#2563eb;border:0;border-radius:10px;width:100%;padding:12px;font-weight:700}.feedback-panel button:disabled{opacity:.5}.feedback-top{justify-content:space-between;gap:10px;display:flex}.feedback-top span{color:#2563eb;font-size:12px}.feedback-content{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-panel small{color:#64748b}.feedback-filters{gap:7px;padding:4px 0 10px;display:flex;overflow-x:auto}.feedback-filters button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;flex:none;padding:7px 11px;font-size:12px}.feedback-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.feedback-filters button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.notification-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.notification-heading h1{align-items:center;gap:8px;margin:0;font-size:21px;display:flex}.notification-heading button{color:#2563eb;background:#eff6ff;border:0;border-radius:9px;padding:9px 11px;font-weight:700}.notification-heading button:disabled{opacity:.4}.notification-empty{text-align:center;color:#94a3b8;padding:60px 0}.notification-item{text-align:left;color:#334155;background:#fff;border:0;border-bottom:1px solid #edf0f5;align-items:center;gap:13px;width:100%;padding:17px 8px;display:flex}.notification-item.unread{background:#eff6ff}.notification-item>span{flex:1;font-size:13px;line-height:1.5}.notification-item small{color:#94a3b8;margin-top:4px;display:block}.notification-item i{background:#2563eb;border-radius:50%;width:7px;height:7px}.notification-item:hover{background:#f8fafc}.admin-route-state{text-align:center;color:#475569;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:55vh;padding:32px 20px;display:flex}.admin-route-state strong{color:#0f172a;font-size:18px}.admin-route-state span{font-size:14px}.admin-route-spinner{animation:.9s linear infinite admin-route-spin}@keyframes admin-route-spin{to{transform:rotate(360deg)}}.auth-loading-page{color:#9ca3af;background:#f7f8fa;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:100vh;font-size:11px;display:flex}.auth-loading-spinner{color:#2563eb;animation:.8s linear infinite auth-loading-spin}@keyframes auth-loading-spin{to{transform:rotate(360deg)}}.app-shell{background:#f7f8fa;width:100%;min-height:100vh}.app-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e5e7eb;height:64px;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:720px;height:100%;margin:0 auto;padding:0 20px;display:flex}.app-logo{letter-spacing:-.8px;font-size:23px;font-weight:800}.icon-button{color:#111827;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.icon-button:hover{background:#f3f4f6}.app-content{background:#fff;width:100%;max-width:720px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px 20px 110px}.bottom-navigation{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e5e7eb;position:fixed;bottom:0;left:0;right:0}.bottom-navigation-inner{grid-template-columns:repeat(4,1fr);align-items:center;width:100%;max-width:720px;height:72px;margin:0 auto;padding:0 14px;display:grid;position:relative}.nav-item{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:#2563eb}@media (width<=480px){.app-header{height:58px}.app-header-inner{padding:0 16px}.app-logo{font-size:21px}.app-content{padding:20px 16px 100px}.bottom-navigation-inner{height:68px;padding:0 6px}}.app-language-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:138px;min-height:36px;padding:0 10px;font-size:13px}.app-language-select:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.nav-item span{text-align:center;overflow-wrap:anywhere}.app-header-actions{align-items:center;gap:10px;display:flex}.notification-header-link{color:#334155;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.notification-header-link span{color:#fff;text-align:center;background:#ef4444;border-radius:20px;min-width:15px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px}.add-post-page{width:100%}.add-post-heading{margin-bottom:26px}.add-post-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px}.add-post-heading p{color:#6b7280;margin:7px 0 0;font-size:13px}.add-post-section{background:#fff;border:1px solid #e5e7eb;border-radius:17px;margin-bottom:16px;padding:20px}.add-post-section h2{color:#111827;margin:0 0 15px;font-size:14px}.add-post-section-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.add-post-section-title h2{margin:0}.add-post-section-title>span{color:#9ca3af;font-size:10px;font-weight:700}.post-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.post-type-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;min-height:76px;padding:12px;transition:border-color .15s,background-color .15s;display:flex}.post-type-card:hover{background:#f8fafc}.post-type-card.active{background:#eff6ff;border-color:#2563eb}.post-type-icon{color:#64748b;background:#f1f5f9;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.post-type-card.active .post-type-icon{color:#2563eb;background:#dbeafe}.post-type-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.post-type-card strong{color:#111827;font-size:12px}.post-type-card span{color:#9ca3af;font-size:9px;line-height:1.4}.image-upload-empty{color:#94a3b8;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:190px;transition:border-color .15s,background-color .15s,color .15s;display:flex}.image-upload-empty:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.image-upload-empty:disabled{opacity:.65;cursor:not-allowed}.image-upload-empty strong{color:#374151;margin-top:4px;font-size:13px}.image-upload-empty span{font-size:11px}.image-upload-empty small{color:#2563eb;font-size:9px;font-weight:700}.image-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.image-preview-item{aspect-ratio:1;background:#f1f5f9;border-radius:10px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%;display:block}.image-order-number{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:9px;font-weight:800;display:flex;position:absolute;top:7px;left:7px}.image-remove-button{z-index:3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border:0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:0;transition:background-color .15s,transform .15s;display:flex;position:absolute;top:6px;right:6px}.image-remove-button:hover{background:#dc2626e6;transform:scale(1.05)}.cover-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563ebeb;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;bottom:6px;right:6px}.image-order-controls{z-index:3;gap:4px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.image-order-controls button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ab8;border:0;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;transition:background-color .15s,opacity .15s,transform .15s;display:flex}.image-order-controls button:not(:disabled):hover{background:#0f172aeb;transform:translateY(-1px)}.image-order-controls button:disabled{opacity:.25;cursor:default}.image-add-more{aspect-ratio:1;color:#94a3b8;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:border-color .15s,background-color .15s,color .15s;display:flex}.image-add-more:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.image-add-more:disabled{opacity:.6;cursor:not-allowed}.image-add-more span{font-size:10px;font-weight:700}.image-process-info{color:#9ca3af;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:9px;display:flex}.post-content-input{resize:vertical;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:0;width:100%;min-height:130px;padding:13px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.post-content-input::placeholder{color:#9ca3af}.post-content-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.save-post-button{color:#fff;background:#2563eb;border:0;border-radius:14px;width:100%;height:52px;font-size:14px;font-weight:800;transition:background-color .15s,transform .15s,opacity .15s;box-shadow:0 7px 18px #2563eb33}.save-post-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.save-post-button:disabled{opacity:.6;cursor:not-allowed}.cancel-post-button{color:#9ca3af;background:0 0;border:0;width:100%;height:44px;margin-top:7px;font-size:12px;font-weight:700}.cancel-post-button:hover:not(:disabled){color:#6b7280}.cancel-post-button:disabled{opacity:.5;cursor:not-allowed}.image-loading{animation:.8s linear infinite image-spin}@keyframes image-spin{to{transform:rotate(360deg)}}@media (width<=480px){.add-post-heading{margin-bottom:22px}.add-post-heading h1{font-size:23px}.add-post-heading p{font-size:12px}.add-post-section{border-radius:15px;padding:16px}.post-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.post-type-card{min-height:72px;padding:10px}.post-type-icon{width:33px;height:33px}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.image-order-controls button{width:28px;height:28px}.image-process-info{flex-direction:column;align-items:flex-start;gap:3px}.post-content-input{min-height:120px}}.image-preview-item{aspect-ratio:auto;min-width:0;height:auto;padding-bottom:39px;overflow:hidden}.image-preview-item>img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.image-order-controls{width:max-content;bottom:5px;left:50%}.image-order-controls button{width:29px;height:29px}.cover-badge{bottom:45px}@media (width<=480px){.image-order-controls{gap:5px}.image-order-controls button{width:28px;height:28px}}.admin-page{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 96px}.admin-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.admin-heading-icon{color:#fff;background:#0f172a;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.admin-heading h1{color:#0f172a;margin:0;font-size:24px}.admin-heading p{color:#64748b;margin:4px 0 0;font-size:14px}.admin-grid{gap:12px;display:grid}.admin-grid button{text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.admin-grid button:disabled{opacity:.48;cursor:not-allowed}.admin-grid button div{flex-direction:column;gap:3px;display:flex}.admin-grid button strong{font-size:15px}.admin-grid button span{color:#64748b;font-size:13px}.app-modal-backdrop{z-index:30000;box-sizing:border-box;background:#0f172a8f;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.app-modal-card{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:360px;padding:20px;box-shadow:0 24px 70px #0f172a3d}.app-modal-card h2{color:#0f172a;margin:0;font-size:18px;line-height:1.35}.app-modal-card>p{color:#64748b;word-break:keep-all;margin:8px 0 0;font-size:13px;line-height:1.55}.app-modal-content{margin-top:16px}.app-modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.app-modal-actions.single{grid-template-columns:1fr}.app-modal-actions button{border-radius:12px;min-height:46px;font-size:14px;font-weight:800}.app-modal-cancel{color:#334155;background:#fff;border:1px solid #e2e8f0}.app-modal-confirm{color:#fff;background:#2563eb;border:0}.app-modal-confirm.danger{background:#dc2626}.apr-page{box-sizing:border-box;color:#0f172a;width:100%;max-width:720px;margin:0 auto;padding:20px 16px 100px}.apr-header{grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;display:grid}.apr-header h1{margin:0;font-size:22px}.apr-header p{color:#64748b;margin:3px 0 0;font-size:13px}.apr-back,.apr-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.apr-summary{background:#f8fafc;border-radius:14px;justify-content:space-between;margin:20px 0 12px;padding:14px 16px;display:flex}.apr-summary span{color:#64748b;font-size:13px}.apr-list{gap:12px;display:grid}.apr-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:17px}.apr-card-title{justify-content:space-between;gap:10px;display:flex}.apr-card-title div{flex-direction:column;gap:3px;display:flex}.apr-card-title span{color:#64748b;font-size:12px}.apr-card-title strong{font-size:17px}.apr-card-title em{color:#c2410c;background:#fff7ed;border-radius:999px;height:max-content;padding:5px 8px;font-size:11px;font-style:normal;font-weight:700}.apr-card dl{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.apr-card dl div{background:#f8fafc;border-radius:10px;padding:9px 10px}.apr-card dt{color:#94a3b8;font-size:11px}.apr-card dd{word-break:break-all;margin:3px 0 0;font-size:13px}.apr-actions{grid-template-columns:90px 1fr;gap:8px;display:grid}.apr-actions button{border-radius:12px;justify-content:center;align-items:center;gap:6px;height:42px;font-weight:700;display:flex}.apr-actions-v2{grid-template-columns:1fr 1fr}.apr-actions-v2 .apr-reject{grid-column:1/-1}.apr-approve{color:#fff;background:#2563eb;border:0}.apr-reject{color:#b91c1c;background:#fff;border:1px solid #fecaca}.apr-merge{color:#fff;background:#0f172a;border:0}.apr-state,.apr-empty{color:#64748b;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.apr-state.error{color:#b91c1c}.apr-empty{border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column}.apr-empty span{font-size:12px}.apr-spin{animation:.8s linear infinite apr-spin}@keyframes apr-spin{to{transform:rotate(360deg)}}.apr-modal-backdrop{z-index:10000;overscroll-behavior:contain;background:#0f172a7a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.apr-modal{width:100%;max-width:720px;max-height:calc(100dvh - 28px);padding:18px 16px calc(28px + env(safe-area-inset-bottom,0px));box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:10001;background:#fff;border-radius:22px 22px 0 0;position:relative;overflow-y:auto}.apr-modal-head{z-index:2;background:#fff;justify-content:space-between;align-items:flex-start;margin:-18px -16px 0;padding:18px 16px 10px;display:flex;position:sticky;top:-18px}.apr-modal-head div{flex-direction:column;gap:3px;display:flex}.apr-modal-head span{color:#64748b;font-size:13px}.apr-modal-head button{background:0 0;border:0;font-size:28px}.apr-modal-guide{color:#9a3412;background:#fff7ed;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:12px}.apr-search{border:1px solid #cbd5e1;border-radius:13px;align-items:center;gap:8px;height:46px;margin:16px 0 10px;padding:0 12px;display:flex}.apr-search input{border:0;outline:0;flex:1;font-size:14px}.apr-products{gap:8px;display:grid}.apr-products button{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;gap:2px;padding:12px;display:flex}.apr-products button span,.apr-products button small{color:#64748b}.apr-no-result{text-align:center;color:#94a3b8;padding:30px;font-size:13px}.apr-review-form,.apr-reject-form{gap:13px;margin-top:18px;padding-bottom:8px;display:grid}.apr-review-form label,.apr-reject-form label{gap:6px;font-size:13px;font-weight:700;display:grid}.apr-review-form label em{color:#dc2626;font-style:normal}.apr-review-form label span,.apr-reject-form label span{color:#94a3b8;font-weight:400}.apr-review-form input,.apr-reject-form select,.apr-reject-form textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;padding:11px 12px}.apr-review-form input:focus,.apr-reject-form select:focus,.apr-reject-form textarea:focus{border-color:#64748b}.apr-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.apr-review-note{color:#64748b;background:#f8fafc;border-radius:10px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5}.apr-inline-error{color:#b91c1c;font-size:12px}.apr-submit-approve,.apr-submit-reject{border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:7px;height:48px;font-weight:800;display:flex}.apr-submit-approve{color:#fff;background:#2563eb}.apr-submit-reject{color:#fff;background:#b91c1c}@media (width<=420px){.apr-card dl,.apr-actions,.apr-actions-v2{grid-template-columns:1fr}.apr-actions-v2 .apr-reject{grid-column:auto}.apr-form-row{grid-template-columns:1fr}}.ar-page{color:#182238;max-width:900px;margin:0 auto;padding:24px 16px 90px}.ar-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.ar-header>div{flex:1}.ar-header h1{margin:0 0 5px;font-size:23px}.ar-header p{color:#71809b;margin:0;font-size:13px}.ar-icon-button{cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:10px;padding:9px;display:flex}.ar-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.ar-stats>div{border:1px solid #e4e9f2;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:17px 8px;display:flex}.ar-stats strong{font-size:24px}.ar-stats span{color:#74819a;font-size:12px}.ar-filters{gap:7px;margin-bottom:16px;display:flex;overflow-x:auto}.ar-filters button{cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:20px;flex-shrink:0;padding:8px 12px;font-size:12px}.ar-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ar-filters span{opacity:.7;margin-left:4px}.ar-list{gap:14px;display:grid}.ar-card{background:#fff;border:1px solid #e1e7f0;border-radius:16px;min-width:0;padding:18px}.ar-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ar-status{color:#59677d;background:#edf2f7;border-radius:20px;padding:5px 9px;font-size:12px}.ar-status-pending{color:#9b6500;background:#fff3d6}.ar-status-resolved{color:#177245;background:#e8f5ed}.ar-reason{margin:13px 0 8px;font-size:14px;font-weight:600}.ar-detail{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fc;border-radius:10px;padding:12px;font-size:13px}.ar-meta{gap:8px;margin:14px 0;font-size:12px;display:grid}.ar-meta div{grid-template-columns:82px minmax(0,1fr);gap:6px;display:grid}.ar-meta dt{color:#71809b}.ar-meta dd{overflow-wrap:anywhere;margin:0}.ar-open{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-weight:600;display:inline-flex}.ar-review{border-top:1px solid #e8edf4;margin-top:12px;padding-top:14px}.ar-review label{color:#5d6b81;margin-bottom:8px;font-size:12px;display:block}.ar-review textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid #d9e1ec;border-radius:10px;padding:10px;font-size:13px}.ar-actions{gap:8px;margin-top:10px;display:flex}.ar-actions button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;flex:1;padding:11px}.ar-actions button.ar-reject{color:#374151;background:#f0f2f6}.ar-actions button:disabled{opacity:.5;cursor:not-allowed}.ar-reviewed{color:#62738b;overflow-wrap:anywhere;align-items:center;gap:6px;font-size:12px;display:flex}.ar-message{text-align:center;color:#71809b;padding:32px}.ar-error{color:#dc2626}@media (width<=420px){.ar-page{padding:18px 12px 85px}.ar-card{padding:14px}.ar-header h1{font-size:20px}.ar-stats strong{font-size:21px}}.ar-moderation{border-top:1px solid #e8edf4;gap:8px;margin-top:14px;padding-top:14px;font-size:12px;display:grid}.ar-moderation>strong{font-size:14px}.ar-moderation>span{color:#64748b}.ar-moderation label{color:#5d6b81}.ar-moderation textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid #d9e1ec;border-radius:10px;padding:10px}.ar-actions button.ar-danger{color:#fff;background:#b91c1c}.dev-products-page{width:100%}.dev-products-heading{margin-bottom:28px}.dev-products-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px}.dev-products-heading p{color:#6b7280;margin:7px 0 0;font-size:13px}.dev-products-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;padding:20px;display:flex}.dev-products-icon{color:#2563eb;background:#eff6ff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.dev-products-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dev-products-info span{color:#9ca3af;font-size:11px}.dev-products-info strong{color:#111827;font-size:15px}.dev-products-count{flex-direction:column;align-items:flex-end;display:flex}.dev-products-count strong{color:#111827;font-size:22px}.dev-products-count span{color:#9ca3af;font-size:10px}.dev-products-action{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:20px;display:flex}.dev-products-action strong{color:#111827;font-size:14px}.dev-products-action p{color:#6b7280;margin:5px 0 0;font-size:11px}.dev-products-action button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:145px;height:42px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.dev-products-action button:hover{background:#1d4ed8}.dev-products-action button:disabled{opacity:.6;cursor:not-allowed}.dev-products-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:9px;margin-top:16px;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.dev-products-help{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:16px;padding:20px}.dev-products-help strong{color:#111827;margin-bottom:12px;font-size:13px;display:block}.dev-products-help p{color:#6b7280;margin:7px 0;font-size:11px}.dev-products-disabled{color:#6b7280;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px;font-size:13px}.dev-products-spinner{animation:.8s linear infinite dev-products-spin}@keyframes dev-products-spin{to{transform:rotate(360deg)}}@media (width<=480px){.dev-products-heading h1{font-size:23px}.dev-products-action{flex-direction:column;align-items:stretch}.dev-products-action button{width:100%}}.dev-products-action .dev-products-secondary-button{background:#111827}.dev-products-action .dev-products-secondary-button:hover{background:#030712}.edit-profile-page{width:100%}.edit-profile-back{color:#64748b;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.edit-profile-heading{margin-top:18px;margin-bottom:22px}.edit-profile-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px;font-weight:900}.edit-profile-heading p{color:#6b7280;margin:7px 0 0;font-size:12px}.edit-profile-form{background:#fff;border:1px solid #e5e7eb;border-radius:17px;flex-direction:column;gap:24px;padding:20px;display:flex}.edit-profile-avatar-section{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:22px;display:flex;position:relative}.edit-profile-avatar{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;flex:0 0 88px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.edit-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.edit-profile-avatar-content{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.edit-profile-avatar-content>strong{color:#111827;font-size:13px;font-weight:800}.edit-profile-avatar-content>span{color:#94a3b8;font-size:10px;line-height:1.5}.edit-profile-avatar-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:2px;display:flex}.edit-profile-avatar-actions button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.edit-profile-avatar-actions .change{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.edit-profile-avatar-actions .change:hover:not(:disabled){background:#dbeafe}.edit-profile-avatar-actions .remove{color:#dc2626;background:#fff7f7;border:1px solid #fee2e2}.edit-profile-avatar-actions .remove:hover:not(:disabled){background:#fee2e2}.edit-profile-avatar-actions button:disabled{opacity:.5;cursor:not-allowed}.edit-profile-file-input{display:none}.edit-profile-field{flex-direction:column;gap:8px;display:flex}.edit-profile-field>label{color:#111827;font-size:12px;font-weight:800}.edit-profile-input-wrap{box-sizing:border-box;color:#94a3b8;background:#fff;border:1px solid #d1d5db;border-radius:11px;align-items:center;gap:9px;width:100%;height:46px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.edit-profile-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-profile-input-wrap input{color:#111827;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.edit-profile-input-wrap input::placeholder,.edit-profile-field textarea::placeholder{color:#cbd5e1}.edit-profile-input-wrap input:disabled,.edit-profile-field textarea:disabled{cursor:not-allowed}.edit-profile-handle-row{align-items:stretch;gap:8px;display:flex}.edit-profile-input-wrap.handle{flex:1}.edit-profile-check-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;justify-content:center;align-items:center;min-width:86px;padding:0 13px;font-size:11px;font-weight:800;display:flex}.edit-profile-check-button:hover:not(:disabled){background:#dbeafe}.edit-profile-check-button:disabled{opacity:.5;cursor:not-allowed}.edit-profile-field textarea{box-sizing:border-box;resize:vertical;color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:11px;outline:0;padding:12px 13px;font-size:13px;line-height:1.55;transition:border-color .15s,box-shadow .15s}.edit-profile-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-profile-field-footer{color:#94a3b8;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.edit-profile-field-footer span:last-child{flex:none}.edit-profile-handle-message{align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.edit-profile-handle-message.available{color:#16a34a}.edit-profile-handle-message.unavailable{color:#dc2626}.edit-profile-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 12px;font-size:11px;line-height:1.5}.edit-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.edit-profile-actions button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:45px;font-size:11px;font-weight:800;display:flex}.edit-profile-actions .cancel{color:#475569;background:#fff;border:1px solid #d1d5db}.edit-profile-actions .save{color:#fff;background:#2563eb;border:1px solid #2563eb}.edit-profile-actions button:disabled{opacity:.55;cursor:not-allowed}.edit-profile-spinner{animation:.8s linear infinite edit-profile-spin}.edit-profile-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;font-size:12px;display:flex}@keyframes edit-profile-spin{to{transform:rotate(360deg)}}@media (width<=480px){.edit-profile-heading h1{font-size:23px}.edit-profile-form{padding:17px}.edit-profile-avatar-section{align-items:flex-start;gap:13px}.edit-profile-avatar{flex-basis:76px;width:76px;height:76px}.edit-profile-handle-row{align-items:stretch}.edit-profile-check-button{min-width:80px;padding:0 10px}}.new-project-page{width:100%}.new-project-heading{margin-bottom:28px}.new-project-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px}.new-project-heading p{color:#6b7280;margin:7px 0 0;font-size:13px}.new-project-form{flex-direction:column;gap:18px;display:flex}.project-form-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px}.section-title{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.section-title>span{color:#fff;background:#2563eb;border-radius:9px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.section-title strong{color:#111827;font-size:15px;display:block}.section-title p{color:#9ca3af;margin:4px 0 0;font-size:11px}.product-search{color:#9ca3af;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.product-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.product-search input{color:#111827;background:0 0;border:0;outline:0;width:100%;height:100%}.product-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;overflow:hidden}.product-result{color:#6b7280;text-align:left;background:#fff;border:0;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.product-result:last-child{border-bottom:0}.product-result:hover{background:#f8fafc}.product-result-icon,.selected-product-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.product-result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.product-result-info strong{color:#111827;font-size:13px}.product-result-info span{color:#6b7280;font-size:11px}.product-result-info small{color:#2563eb;font-size:10px;font-weight:700}.product-not-found{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:25px;display:flex}.product-not-found strong{font-size:13px}.product-not-found span{color:#9ca3af;font-size:11px}.selected-product{background:#f8fbff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:13px;padding:15px;display:flex}.selected-product-info{flex:1;min-width:0}.selected-product-info>span{color:#2563eb;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.selected-product-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.selected-product-info p{color:#6b7280;margin:4px 0 0;font-size:11px}.selected-product-info small{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.selected-product>button{color:#2563eb;background:#fff;border:0;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.form-field{margin-top:22px;position:relative}.form-field>label{color:#374151;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-field>input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:0;width:100%;height:48px;padding:0 14px}.form-field>input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.form-field>small{color:#9ca3af;text-align:right;margin-top:5px;font-size:10px;display:block}.status-selector{grid-template-columns:1fr 1fr;gap:10px;display:grid}.status-option{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;min-height:70px;padding:13px;display:flex}.status-option.active{background:#eff6ff;border-color:#2563eb}.status-dot{border-radius:50%;flex:none;width:10px;height:10px}.status-dot.ready{background:#94a3b8}.status-dot.building{background:#2563eb}.status-option div{flex-direction:column;gap:3px;display:flex}.status-option strong{color:#111827;font-size:12px}.status-option small{color:#9ca3af;font-size:10px}.visibility-setting{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;display:flex}.visibility-setting>div{flex-direction:column;gap:4px;display:flex}.visibility-setting strong{color:#374151;font-size:12px}.visibility-setting span{color:#9ca3af;font-size:10px}.switch{background:#d1d5db;border:0;border-radius:999px;flex:none;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.switch>span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.switch.active{background:#2563eb}.switch.active>span{transform:translate(20px)}.create-project-submit{color:#fff;background:#2563eb;border:0;border-radius:14px;width:100%;height:52px;font-size:14px;font-weight:800;box-shadow:0 7px 18px #2563eb33}.create-project-submit:hover{background:#1d4ed8}@media (width<=480px){.new-project-heading h1{font-size:23px}.project-form-section{border-radius:15px;padding:17px}.status-selector{grid-template-columns:1fr}}.create-project-submit{justify-content:center;align-items:center;gap:8px;display:flex}.create-project-submit:disabled{opacity:.65;cursor:not-allowed}.project-save-spinner{animation:.8s linear infinite project-save-spin}@keyframes project-save-spin{to{transform:rotate(360deg)}}.product-search-spinner{flex:none;animation:.8s linear infinite project-save-spin}.product-load-error{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;align-items:center;gap:5px;margin-top:8px;padding:18px;display:flex}.product-load-error strong{color:#991b1b;font-size:12px}.product-load-error span{color:#b91c1c;font-size:10px}.product-request-button{color:#2563eb;cursor:not-allowed;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:9px;margin-top:12px;padding:9px 14px;font-size:11px;font-weight:800}.product-request-form{background:#f8fbff;border:1px solid #bfdbfe;border-radius:14px;margin-top:12px;padding:14px}.request-form-heading strong,.request-form-heading span{display:block}.request-form-heading strong{color:#111827;font-size:13px}.request-form-heading span{color:#6b7280;margin-top:3px;font-size:10px}.product-request-form label{color:#374151;margin-top:11px;font-size:10px;font-weight:700;display:block}.product-request-form input{background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:0;width:100%;height:40px;margin-top:5px;padding:0 10px}.product-request-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.request-form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-request-form>small{color:#6b7280;margin-top:9px;font-size:9px;display:block}.request-form-actions{justify-content:flex-end;gap:7px;margin-top:13px;display:flex}.request-form-actions button{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:700}.request-form-actions button:last-child{color:#fff;background:#2563eb;border-color:#2563eb}.request-form-heading small{color:#94a3b8;margin-top:8px;font-size:9px;font-weight:600;display:block}.product-request-form label>em{color:#dc2626;font-style:normal}.request-optional{color:#94a3b8;font-weight:500}.product-request-form input:disabled,.request-form-actions button:disabled{opacity:.6;cursor:not-allowed}.product-request-form input.request-input-error{background:snow;border-color:#ef4444}.product-request-form input.request-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.request-field-error{color:#dc2626;margin-top:5px;font-size:9px;font-weight:600;display:block}.selected-product-label-row{align-items:center;gap:7px;margin-bottom:3px;display:flex}.selected-product-info .selected-product-label-row>span:first-child{color:#2563eb;margin:0;font-size:10px;font-weight:800}.product-request-pending-badge{background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:3px 6px;line-height:1;color:#b45309!important;font-size:8px!important;font-weight:800!important}.selected-product-info .product-request-pending-message{color:#b45309;white-space:normal;margin-top:7px;font-size:9px;font-weight:600;line-height:1.45}@media (width<=480px){.request-form-row{grid-template-columns:1fr}}.request-label-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.request-help-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.request-help-button:hover{background:#dbeafe}.request-field-guide{color:#94a3b8;margin-top:5px;font-size:8px;font-weight:500;line-height:1.45;display:block}.identifier-help-backdrop{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.identifier-help-modal{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(100%,390px);padding:26px 22px 20px;position:relative;box-shadow:0 24px 60px #0f172a2e}.identifier-help-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:12px;right:12px}.identifier-help-close:hover{color:#475569;background:#f8fafc}.identifier-help-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.identifier-help-modal h2{color:#111827;letter-spacing:-.3px;margin:15px 0 0;font-size:16px;font-weight:900}.identifier-help-modal>p{color:#64748b;margin:8px 0 0;font-size:11px;line-height:1.65}.identifier-box-example{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin-top:17px;padding:15px}.identifier-box-title{color:#334155;font-size:12px;font-weight:900}.identifier-box-space{height:35px}.identifier-example-row,.identifier-barcode-area{border:1px solid #0000;border-radius:8px;padding:9px}.identifier-example-row{color:#64748b;justify-content:space-between;gap:12px;font-size:9px;display:flex}.identifier-example-row strong{color:#111827}.identifier-barcode-area{text-align:center;margin-top:5px}.identifier-barcode-lines{color:#111827;letter-spacing:-2px;white-space:nowrap;font-family:monospace;font-size:18px;font-weight:900;overflow:hidden}.identifier-barcode-area strong{color:#111827;letter-spacing:1px;margin-top:2px;font-size:9px;display:block}.identifier-example-row.active,.identifier-barcode-area.active{background:#eff6ff;border-color:#60a5fa;box-shadow:0 0 0 2px #2563eb14}.identifier-help-difference{background:#fff7ed;border-radius:10px;flex-direction:column;gap:2px;margin-top:12px;padding:10px 12px;display:flex}.identifier-help-difference strong{color:#c2410c;font-size:11px}.identifier-help-difference span{color:#9a3412;font-size:9px}.identifier-help-confirm{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;width:100%;min-height:42px;margin-top:16px;font-size:11px;font-weight:800}@media (width<=480px){.identifier-help-backdrop{padding:16px}.identifier-help-modal{border-radius:16px;padding:24px 18px 18px}}.feed-card{background:#fff;margin-bottom:34px}.feed-card-header{justify-content:space-between;align-items:center;min-height:58px;display:flex}.feed-user{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.feed-avatar{color:#2563eb;background:#e8efff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex;overflow:hidden}.feed-avatar img{object-fit:cover;width:100%;height:100%}.feed-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.feed-user-info strong{color:#111827;font-size:14px}.feed-user-info span{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.feed-more-button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.feed-more-button:hover{background:#f3f4f6}.feed-image-viewer{aspect-ratio:4/3;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#f1f5f9;border-radius:16px;width:100%;position:relative;overflow:hidden}.feed-image-track{will-change:transform;width:100%;height:100%;transition:transform .26s cubic-bezier(.22,.61,.36,1);display:flex;transform:translate(-100%)}.feed-image-track.is-dragging,.feed-image-track.is-rebasing{transition:none}.feed-image-slide{flex:0 0 100%;width:100%;height:100%}.feed-image-slide img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.feed-image-nav{z-index:2;color:#fff;cursor:pointer;background:#1118278c;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.feed-image-nav:hover{background:#111827bf}.feed-image-nav:disabled{cursor:default;opacity:.45}.feed-image-nav.previous{left:12px}.feed-image-nav.next{right:12px}.feed-image-counter{z-index:2;color:#fff;pointer-events:none;background:#1118279e;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.feed-image-placeholder{aspect-ratio:4/3;color:#94a3b8;cursor:pointer;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:0;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.feed-image-placeholder>div{flex-direction:column;align-items:center;gap:7px;display:flex}.feed-image-placeholder span{font-size:14px;font-weight:700}.feed-actions{align-items:center;gap:18px;min-height:52px;display:flex}.feed-actions button{color:#374151;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:flex}.feed-actions button:hover{color:#2563eb}.feed-actions button:disabled{cursor:default;opacity:.55}.feed-like-button{transition:color .15s,transform .15s,opacity .15s}.feed-like-button.liked{color:#ef4444}.feed-like-button.liked:hover{color:#dc2626}.feed-like-button:not(:disabled):active{transform:scale(.92)}.feed-date{color:#9ca3af;margin-left:auto;font-size:11px}.feed-body{padding-bottom:4px}.feed-product-meta{color:#2563eb;cursor:pointer;background:0 0;border:0;margin:0 0 7px;padding:0;font-size:12px;font-weight:700}.feed-product-meta:hover{text-decoration:underline}.feed-body p{color:#374151;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.feed-body p strong{color:#111827}.feed-tags{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.feed-tags span{color:#2563eb;font-size:12px;font-weight:600}@media (width<=480px){.feed-card{margin-bottom:28px}.feed-image-viewer,.feed-image-placeholder{border-radius:0;width:calc(100% + 32px);margin-left:-16px}.feed-image-nav{display:none}.feed-image-counter{top:10px;right:10px}}.feed-image-viewer.is-pointer-dragging{cursor:grabbing}@media (prefers-reduced-motion:reduce){.feed-image-track{transition-duration:.01ms}}.feed-share-backdrop{z-index:10000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feed-share-dialog{background:#fff;border-radius:18px;width:min(100%,420px);padding:22px;box-shadow:0 18px 50px #0003}.feed-share-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.feed-share-heading strong{color:#111827;font-size:18px}.feed-share-heading button{cursor:pointer;color:#64748b;background:0 0;border:0;padding:4px}.feed-share-dialog>p{color:#64748b;margin:10px 0 16px;font-size:13px}.feed-share-url{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px;font-size:13px}.feed-share-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.feed-share-options button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font-weight:700;display:flex}.feed-share-options button:hover{background:#eff6ff;border-color:#bfdbfe}.feed-share-dialog .feed-share-error{color:#dc2626;margin-bottom:0}.explore-page{width:100%}.explore-heading{margin-bottom:20px}.explore-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px}.explore-heading p{color:#6b7280;margin:7px 0 0;font-size:13px}.explore-filters{scrollbar-width:none;gap:8px;margin:0 0 18px;display:flex;overflow-x:auto}.explore-filters::-webkit-scrollbar{display:none}.explore-filter{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex:none;padding:8px 15px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.explore-filter:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.explore-filter.active,.explore-filter.active:hover{color:#fff;background:#2563eb;border-color:#2563eb}.explore-feed{width:100%}.explore-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px 20px;display:flex}.explore-state strong{color:#374151;margin-top:14px;font-size:15px}.explore-state span{color:#9ca3af;margin-top:6px;font-size:13px}.explore-spinner{animation:.8s linear infinite explore-spin}@keyframes explore-spin{to{transform:rotate(360deg)}}@media (width<=480px){.explore-heading h1{font-size:23px}.explore-heading p{font-size:12px}.explore-state{min-height:220px;padding:32px 16px}}.explore-load-more{color:#9ca3af;justify-content:center;align-items:center;gap:8px;min-height:72px;font-size:12px;display:flex}.explore-search{box-sizing:border-box;color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:12px;align-items:center;gap:10px;width:100%;padding:0 12px;display:flex}.explore-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.explore-search input{color:#111827;min-width:0;height:46px;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.explore-search input::-webkit-search-cancel-button{display:none}.explore-search button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.explore-search-hint{color:#94a3b8;margin:7px 2px 14px;font-size:11px;line-height:1.5}.explore-search-title{align-items:center;gap:10px;margin:18px 0 14px;display:flex}.explore-search-title button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.explore-search-title strong{font-size:16px}.explore-search-title span{color:#94a3b8;margin-left:auto;font-size:12px}.explore-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.explore-search-tile{aspect-ratio:1;cursor:pointer;background:#f1f5f9;border:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.explore-search-tile img{object-fit:cover;width:100%;height:100%}.explore-search-tile-caption{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-align:left;background:linear-gradient(#0000,#000000a6);padding:15px 6px 6px;font-size:11px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.explore-search-note{text-align:center;color:#94a3b8;margin:16px 0;font-size:11px}.login-page{color:#111827;background:#fff;min-height:100dvh}.login-app-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:68px;padding:0 21px;display:flex}.login-wordmark{color:#111827;letter-spacing:-.7px;cursor:pointer;background:0 0;border:0;padding:0;font-size:21px;font-weight:900}.login-container{width:min(100%,720px);margin:0 auto;padding:58px 21px 110px}.login-intro{max-width:420px;margin-bottom:34px}.login-eyebrow{color:#2563eb;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.login-intro h1{color:#111827;letter-spacing:-1.5px;margin:0;font-size:clamp(30px,7.5vw,40px);font-weight:900;line-height:1.2}.login-intro p{color:#6b7280;margin:17px 0 0;font-size:14px;line-height:1.7}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:24px 22px;box-shadow:0 8px 24px #1118270d}.login-card-heading{margin-bottom:20px}.login-card-heading h2{color:#111827;letter-spacing:-.4px;margin:0;font-size:20px;font-weight:800}.login-card-heading p{color:#9ca3af;margin:7px 0 0;font-size:12px;line-height:1.5}.google-login-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;padding:0 46px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.google-login-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.google-login-button:active:not(:disabled){transform:scale(.99)}.google-login-button:disabled{cursor:default;opacity:.65}.google-logo{color:#4285f4;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:900;display:inline-flex}.google-login-arrow{color:#9ca3af;position:absolute;right:16px}.login-policy{color:#9ca3af;text-align:center;margin:18px 0 0;font-size:10px;line-height:1.7}.login-policy button{color:#6b7280;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.login-error{color:#dc2626;background:#fef2f2;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5}.login-guest-copy{color:#9ca3af;text-align:center;margin:22px 0 0;font-size:11px;line-height:1.6}.login-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;font-size:13px;display:flex}.login-spinner{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width>=640px){.login-container{padding-top:76px}.login-card{max-width:460px}}@media (width<=480px){.login-app-header{height:68px}.login-container{padding-top:46px}.login-intro{margin-bottom:28px}.login-card{box-shadow:none;border-radius:15px;padding:22px 20px}}.login-app-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-language-select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:138px;min-height:36px;padding:0 9px;font-size:13px}.project-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.project-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.project-card-image{aspect-ratio:1;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.project-card-image>img{object-fit:cover;width:100%;height:100%}.project-image-placeholder{color:#94a3b8;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;font-weight:600;display:flex}.project-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.project-status.ready{color:#64748b;background:#ffffffe6}.project-status.building{color:#fff;background:#2563ebeb}.project-status.completed{color:#fff;background:#16a34aeb}.project-card-body{flex-direction:column;padding:13px 13px 14px;display:flex}.project-card-body strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.35;overflow:hidden}.project-product-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.project-card-meta{color:#94a3b8;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;font-size:10px;font-weight:600;display:flex}@media (width<=480px){.project-card{border-radius:13px}.project-card-body{padding:11px}.project-card-body strong{font-size:13px}.project-status{padding:4px 8px;top:8px;left:8px}}.my-projects-page{width:100%}.my-projects-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.my-projects-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px;font-weight:800}.my-projects-heading p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.5}.my-projects-search-button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.my-projects-search-button:hover{background:#f3f4f6}.my-projects-search{color:#94a3b8;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:9px;height:44px;margin-bottom:14px;padding:0 13px;display:flex}.my-projects-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.my-projects-search input{color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.my-projects-search input::placeholder{color:#94a3b8}.project-filters{scrollbar-width:none;gap:7px;margin-bottom:20px;display:flex;overflow-x:auto}.project-filters::-webkit-scrollbar{display:none}.project-filter{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.project-filter strong{color:#94a3b8;font-size:11px;font-weight:800}.project-filter.active{color:#fff;background:#2563eb;border-color:#2563eb}.project-filter.active strong{color:#ffffffd1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.new-project-card{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.new-project-card:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.new-project-icon{color:#2563eb;background:#e8efff;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.new-project-card strong{font-size:13px}.new-project-card>span{margin-top:5px;font-size:10px}.project-empty{color:#9ca3af;text-align:center;padding:70px 20px;font-size:13px}.project-empty p{color:#64748b;margin:0;font-weight:700}.project-empty span{color:#9ca3af;margin-top:6px;font-size:12px;display:block}.project-loading,.project-error{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;font-size:13px;display:flex}.project-loading-spinner{animation:.8s linear infinite project-spin}.project-error button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:9px;padding:8px 13px;font-weight:700}@keyframes project-spin{to{transform:rotate(360deg)}}@media (width<=480px){.my-projects-heading{margin-bottom:16px}.my-projects-heading h1{font-size:23px}.my-projects-heading p{font-size:12px}.my-projects-search{height:42px}.project-filters{margin-right:-16px;padding-right:16px}.project-grid{gap:10px}.new-project-card{border-radius:13px;min-height:210px}.new-project-card>span{display:none}}.profile-page{width:100%}.profile-heading{margin-bottom:22px}.profile-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-heading h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:26px;font-weight:900}.profile-heading p{color:#6b7280;margin:7px 0 0;font-size:12px}.profile-edit-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:10px;font-weight:800;transition:background-color .15s,border-color .15s;display:inline-flex}.profile-edit-button:hover{background:#dbeafe;border-color:#bfdbfe}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:17px;align-items:center;gap:14px;padding:20px;display:flex}.profile-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-user-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.profile-user-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.profile-user-info span{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex;overflow:hidden}.profile-handle{font-weight:700;color:#2563eb!important}.profile-bio{color:#475569;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e5e7eb;border-radius:13px;margin-top:10px;padding:16px 18px;font-size:12px;line-height:1.65}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.profile-stats>div{background:#fff;border:1px solid #e5e7eb;border-radius:13px;flex-direction:column;align-items:center;gap:4px;padding:15px 8px;display:flex}.profile-stats strong{color:#111827;font-size:17px;font-weight:900}.profile-stats span{color:#9ca3af;font-size:9px}.profile-projects-section{margin-top:24px}.profile-projects-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.profile-projects-heading>div{align-items:center;gap:8px;min-width:0;display:flex}.profile-projects-heading h2{color:#111827;margin:0;font-size:15px;font-weight:900}.profile-projects-heading span{color:#94a3b8;font-size:10px;font-weight:700}.profile-new-project-button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 11px;font-size:10px;font-weight:800;transition:background-color .15s,border-color .15s;display:inline-flex}.profile-new-project-button:hover{background:#dbeafe;border-color:#bfdbfe}.profile-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-project-empty{text-align:center;background:#f8fafc;border:1px dashed #dbe3ee;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;padding:28px 20px;display:flex}.profile-project-empty-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.profile-project-empty strong{color:#334155;font-size:13px;font-weight:800}.profile-project-empty span{color:#94a3b8;font-size:10px;line-height:1.5}.profile-project-empty button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;margin-top:7px;padding:0 13px;font-size:10px;font-weight:800;transition:opacity .15s,transform .15s;display:inline-flex}.profile-project-empty button:hover{opacity:.92;transform:translateY(-1px)}.profile-logout-section{margin-top:24px}.profile-logout-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:45px;font-size:11px;font-weight:800;transition:background-color .15s,border-color .15s;display:flex}.profile-logout-button:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.profile-logout-button:disabled{opacity:.55;cursor:not-allowed}.profile-logout-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a75;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-logout-modal{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(100%,360px);padding:28px 22px 20px;animation:.16s ease-out profile-logout-modal-in;position:relative;box-shadow:0 24px 60px #0f172a2e,0 8px 20px #0f172a14}.profile-logout-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:12px;right:12px}.profile-logout-modal-close:hover:not(:disabled){color:#475569;background:#f8fafc}.profile-logout-modal-close:disabled{opacity:.5;cursor:not-allowed}.profile-logout-modal-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;display:flex}.profile-logout-modal h2{color:#111827;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:900}.profile-logout-modal p{color:#64748b;margin:8px 0 0;font-size:11px;line-height:1.6}.profile-logout-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px;display:grid}.profile-logout-modal-actions button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:11px;font-weight:800;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.profile-logout-modal-actions button:disabled{opacity:.55;cursor:not-allowed}.profile-logout-modal-cancel{color:#475569;background:#fff;border:1px solid #e2e8f0}.profile-logout-modal-cancel:hover:not(:disabled){background:#f8fafc}.profile-logout-modal-confirm{color:#fff;background:#dc2626;border:1px solid #dc2626}.profile-logout-modal-confirm:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.profile-loading{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.profile-loading strong{color:#374151;font-size:14px}.profile-loading span{color:#6b7280;font-size:12px}.profile-spinner{animation:.8s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}@keyframes profile-logout-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.profile-heading-row{gap:10px}.profile-heading h1{font-size:23px}.profile-edit-button{min-height:34px;padding:0 10px}.profile-card{padding:17px}.profile-avatar{flex-basis:54px;width:54px;height:54px}.profile-projects-section{margin-top:20px}.profile-project-grid{gap:8px}.profile-new-project-button{min-height:32px;padding:0 9px}.profile-project-empty{min-height:190px;padding:24px 16px}.profile-logout-modal-backdrop{padding:16px}.profile-logout-modal{border-radius:16px;padding:26px 18px 18px}}.profile-follow-button{color:#fff;cursor:pointer;white-space:nowrap;background:#18181b;border:1px solid #d4d4d8;border-radius:10px;margin-left:auto;padding:10px 16px;font-weight:600}.profile-follow-button:disabled{opacity:.55;cursor:wait}.profile-follow-stats{gap:20px;padding:12px 0;font-size:14px;display:flex}.profile-follow-stats strong{margin-left:4px}.profile-follow-error{color:#b91c1c;margin:8px 0;font-size:13px}@media (width<=480px){.profile-follow-button{padding:8px 10px;font-size:13px}}.profile-follow-stats button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.profile-follow-stats button:hover{text-decoration:underline}.profile-follow-stats button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #2563eb}.profile-follow-modal-backdrop{z-index:1100;background:#0f172a7a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-follow-modal{color:#111827;background:#fff;border-radius:16px;flex-direction:column;width:min(100%,440px);max-height:min(80vh,650px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.profile-follow-modal-header{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.profile-follow-modal-header h2{margin:0;font-size:18px}.profile-follow-modal-header button{cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.profile-follow-modal-tabs{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr;display:grid}.profile-follow-modal-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 8px;font-weight:600}.profile-follow-modal-tabs button.active{color:#111827;border-bottom-color:#111827}.profile-follow-modal-body{min-height:120px;padding:8px 12px 16px;overflow-y:auto}.profile-follow-list-empty,.profile-follow-list-error{text-align:center;color:#6b7280;padding:28px 12px;font-size:13px}.profile-follow-list-error{color:#b91c1c}.profile-follow-user{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.profile-follow-user:hover:not(:disabled){background:#f3f4f6}.profile-follow-user:disabled{cursor:default}.profile-follow-user-avatar{background:#f3f4f6;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.profile-follow-user-avatar img{object-fit:cover;width:100%;height:100%}.profile-follow-user-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-follow-user-info strong,.profile-follow-user-info small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-follow-user-info small{color:#6b7280}.profile-follow-user-arrow{color:#6b7280;white-space:nowrap;font-size:12px}@media (width<=480px){.profile-follow-modal-backdrop{align-items:stretch;padding:0}.profile-follow-modal{border-radius:0;width:100%;max-height:100%}}.profile-block-menu-wrap{flex-shrink:0;margin-left:8px;position:relative}.profile-block-menu-trigger{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;place-items:center;padding:9px;display:grid}.profile-block-menu{z-index:5;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:155px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 22px #0002}.profile-block-menu button{cursor:pointer;color:#b91c1c;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.profile-block-menu button:hover{background:#fef2f2}.profile-block-notice{color:#991b1b;background:#fef2f2;border-radius:10px;padding:12px;font-size:13px}.profile-blocked-manage{cursor:pointer;background:0 0;border:1px solid #d4d4d8;border-radius:9px;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;display:inline-flex}.profile-blocked-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 8px;display:flex}.profile-blocked-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-blocked-row button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;flex-shrink:0;padding:8px 10px}@media (width<=480px){.profile-block-menu-wrap{margin-left:0}.profile-card{flex-wrap:wrap}.profile-user-info{flex:1;min-width:0}}.profile-card{flex-wrap:wrap}.profile-user-info{flex:calc(100% - 80px);overflow:hidden}.profile-user-info strong,.profile-user-info .profile-handle{white-space:normal;overflow-wrap:anywhere}.profile-card .profile-follow-button{flex:auto;min-width:0}.profile-card .profile-block-menu-wrap{margin-left:auto}.profile-block-confirm-modal{text-align:center;background:#fff;border-radius:18px;width:min(360px,100vw - 36px);padding:24px;box-shadow:0 18px 60px #0f172a30}.profile-block-confirm-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 14px;display:flex}.profile-block-confirm-modal h2{color:#111827;margin:0 0 10px;font-size:17px}.profile-block-confirm-modal p{color:#64748b;margin:0 0 20px;font-size:12px;line-height:1.65}.profile-block-confirm-actions{gap:10px;display:flex}.profile-block-confirm-actions button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-height:42px;font-weight:700}.profile-block-confirm-actions button:last-child{color:#fff;background:#dc2626;border-color:#dc2626}.profile-block-confirm-actions button:disabled{opacity:.5;cursor:wait}.profile-blocked-manage{color:#334155;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;width:100%;min-height:46px;margin:14px 0 18px;padding:12px 14px;font-size:13px;font-weight:600}.profile-blocked-manage:hover{background:#f1f5f9}.profile-blocked-manage-chevron{color:#94a3b8;margin-left:auto}.profile-blocked-row{gap:8px;padding:10px 2px}.profile-blocked-user{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:5px;display:flex}.profile-blocked-user:hover:not(:disabled){background:#f8fafc}.profile-blocked-user:disabled{cursor:default}.profile-blocked-user .profile-follow-user-avatar{width:40px;height:40px}.profile-blocked-user .profile-follow-user-info{flex:auto;min-width:0}.profile-blocked-user .profile-follow-user-info strong{font-size:13px}.profile-blocked-user .profile-follow-user-info small{font-size:11px}.profile-blocked-user-arrow{color:#94a3b8;flex-shrink:0}.profile-blocked-row .profile-blocked-unblock{padding:8px 9px;font-size:12px}@media (width<=360px){.profile-blocked-row{gap:4px}.profile-blocked-user{gap:7px}.profile-blocked-row .profile-blocked-unblock{padding:7px}}.post-detail-page{padding:18px 16px 96px}.post-detail-back{color:#64748b;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 14px;padding:0;font-size:13px;font-weight:700;display:flex}.post-detail-card,.post-comments{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.post-detail-author{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 14px;display:flex}.post-detail-author>button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.post-detail-avatar,.post-comment-avatar{color:#2563eb;background:#e8efff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.post-detail-avatar{width:40px;height:40px}.post-detail-avatar img,.post-comment-avatar img{object-fit:cover;width:100%;height:100%}.post-detail-author>button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.post-detail-author strong{color:#111827;font-size:14px}.post-detail-author small{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.post-detail-type{color:#2563eb;background:#eff6ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.post-detail-photos{background:#e5e7eb;flex-direction:column;gap:1px;display:flex}.post-detail-photos img{object-fit:contain;background:#f1f5f9;width:100%;height:auto;max-height:80vh;display:block}.post-detail-actions{align-items:center;gap:18px;min-height:50px;padding:0 14px;display:flex}.post-detail-actions button,.post-detail-actions span{color:#374151;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.post-detail-actions button{cursor:pointer;padding:0}.post-detail-actions button.liked{color:#ef4444}.post-detail-actions time{color:#9ca3af;margin-left:auto;font-size:11px}.post-detail-body{padding:0 14px 16px}.post-detail-product{color:#2563eb;cursor:pointer;background:0 0;border:0;margin:0 0 7px;padding:0;font-size:12px;font-weight:800}.post-detail-body p{color:#374151;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.post-detail-body p strong{color:#111827}.post-comments{margin-top:14px;padding:16px}.post-comments h2{margin:0 0 14px;font-size:16px}.post-comments h2 span{color:#2563eb}.post-comments-empty{color:#94a3b8;text-align:center;padding:22px 0;font-size:13px}.post-comment-list{flex-direction:column;gap:16px;display:flex}.post-comment{align-items:flex-start;gap:10px;display:flex}.post-comment-avatar{cursor:pointer;border:0;width:34px;height:34px;padding:0}.post-comment-content{flex:1;min-width:0}.post-comment-content>div{align-items:center;gap:8px;display:flex}.post-comment-content strong{color:#111827;font-size:13px}.post-comment-content time{color:#9ca3af;font-size:10px}.post-comment-content p{color:#374151;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.5}.post-comment-delete{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.post-comment-form{border-top:1px solid #eef2f7;margin-top:18px;padding-top:14px}.post-comment-form textarea{box-sizing:border-box;resize:none;color:#111827;width:100%;min-height:68px;font:inherit;border:1px solid #dbe2ea;border-radius:12px;outline:none;padding:11px 12px;font-size:13px}.post-comment-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.post-comment-form>div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.post-comment-form span{color:#9ca3af;font-size:10px}.post-comment-form button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.post-comment-form button:disabled{opacity:.45;cursor:default}.post-detail-state{color:#64748b;justify-content:center;align-items:center;gap:8px;min-height:55vh;font-size:14px;display:flex}.post-detail-spinner{animation:.8s linear infinite post-detail-spin}@keyframes post-detail-spin{to{transform:rotate(360deg)}}.post-comment-author{color:#111827;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.post-comment-author:hover:not(:disabled){text-decoration:underline}.post-comment-author:disabled{cursor:default}.post-comment-author:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #2563eb}.post-comment-owner-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.post-comment-edit{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.post-comment-edit:hover,.post-comment-delete:hover{color:#2563eb;background:#f1f5f9}.post-comment-edit:disabled,.post-comment-delete:disabled{opacity:.4;cursor:default}.post-comment-edited{color:#94a3b8;font-size:11px}.post-comment-edit-form{margin-top:7px}.post-comment-edit-form textarea{box-sizing:border-box;width:100%;min-height:66px;font:inherit;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 10px;font-size:13px}.post-comment-edit-form textarea:focus{border-color:#2563eb}.post-comment-edit-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.post-comment-edit-actions span{color:#94a3b8;margin-right:auto;font-size:10px}.post-comment-edit-actions button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;padding:6px 10px;font-size:12px}.post-comment-edit-actions button.save{color:#fff;background:#2563eb}.post-comment-edit-actions button:disabled{opacity:.45;cursor:default}.post-report-trigger,.post-comment-report{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.post-report-trigger:hover,.post-comment-report:hover{color:#ef4444;background:#f1f5f9}.post-detail-actions{gap:12px}.post-detail-actions time{font-size:10px}.post-comment-edit-form{width:100%;min-width:0}.post-comment-edit-actions{flex-wrap:wrap}.post-comment-edit-actions button{white-space:nowrap;min-width:48px}.post-report-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.post-report-modal{box-sizing:border-box;background:#fff;border-radius:18px;width:min(100%,400px);padding:22px;box-shadow:0 16px 50px #00000026}.post-report-modal h3{margin:0 0 8px;font-size:18px}.post-report-modal p{color:#64748b;margin:0 0 14px;font-size:13px}.post-report-modal select,.post-report-modal textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:12px;padding:11px;font-size:13px}.post-report-modal textarea{resize:vertical;min-height:95px}.post-report-buttons{justify-content:flex-end;gap:8px;display:flex}.post-report-buttons button{cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;padding:9px 14px}.post-report-buttons button[type=submit]{color:#fff;background:#2563eb}.post-report-buttons button:disabled{opacity:.5}@media (width<=480px){.post-comment-edit-actions{gap:6px}.post-comment-edit-actions button{padding:8px 12px}.post-comment-content>div:first-child{flex-wrap:wrap}}.post-comment.is-editing{flex-wrap:wrap}.post-comment.is-editing .post-comment-content{flex-basis:calc(100% - 44px)}.post-comment.is-editing .post-comment-owner-actions{margin-left:auto}.post-detail-project-link{color:#2563eb;text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:10px;width:calc(100% - 28px);margin:0 14px 12px;padding:11px 12px;display:flex}.post-detail-project-link:hover{background:#eff6ff}.post-detail-project-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.post-detail-project-icon{background:#dbeafe;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.post-detail-project-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.post-detail-project-info small{color:#64748b;font-size:10px}.post-detail-project-info strong{color:#1e3a8a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.post-detail-carousel{outline-offset:3px;width:100%}.post-detail-carousel:focus-visible{outline:2px solid #2563eb}.post-detail-carousel-stage{touch-action:pan-y;background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative;overflow:hidden}.post-detail-carousel-stage>img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;max-height:75vh;display:block}.post-detail-carousel-count{z-index:1;color:#fff;background:#0f172ab3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px}.post-detail-carousel-arrow{color:#334155;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0f172a26}.post-detail-carousel-arrow.prev{left:9px}.post-detail-carousel-arrow.next{right:9px}.post-detail-carousel-arrow:disabled{opacity:.25;cursor:default}.post-detail-carousel-arrow:focus-visible,.post-detail-carousel-dot:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.post-detail-carousel-pagination{background:#fff;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:7px 12px;display:flex}.post-detail-carousel-dot{cursor:pointer;background:#cbd5e1;border:0;border-radius:50%;flex:none;width:7px;height:7px;padding:0}.post-detail-carousel-dot.active{background:#2563eb;width:9px;height:9px}.post-detail-carousel-hint{color:#94a3b8;font-size:11px}.post-detail-open-viewer{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.post-detail-open-viewer img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;max-height:75vh;display:block}.post-detail-open-viewer:focus-visible{outline-offset:-3px;outline:2px solid #2563eb}.post-image-viewer{z-index:2000;color:#fff;background:#020617f7;flex-direction:column;display:flex;position:fixed;inset:0}.post-image-viewer-toolbar{z-index:2;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 14px;display:flex}.post-image-viewer-count{white-space:nowrap;font-size:14px;font-weight:700}.post-image-viewer-tools{align-items:center;gap:6px;display:flex}.post-image-viewer-tools button,.post-image-viewer-navigation button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.post-image-viewer-tools button:disabled,.post-image-viewer-navigation button:disabled{opacity:.3;cursor:default}.post-image-viewer-tools span{text-align:center;min-width:44px;font-size:12px}.post-image-viewer-stage{touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.post-image-viewer-image{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.post-image-viewer-image img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.post-image-viewer-navigation{z-index:2;min-height:62px;padding:8px 18px calc(8px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:10px;display:flex}.post-image-viewer-navigation span{color:#cbd5e1;font-size:12px}@media (width<=480px){.post-image-viewer-toolbar{padding:8px}.post-image-viewer-tools{gap:3px}.post-image-viewer-tools button{width:32px;height:32px}}.post-detail-slide-track,.post-image-viewer-track{will-change:transform;flex:0 0 100%;width:100%;height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex}.post-detail-slide,.post-image-viewer-slide{flex:0 0 100%;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.post-detail-slide{min-height:220px}.post-detail-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:75vh;display:block}.post-image-viewer-track,.post-image-viewer-slide{height:100%}@media (prefers-reduced-motion:reduce){.post-detail-slide-track,.post-image-viewer-track{transition:none}}.post-detail-open-viewer{overflow:hidden}.post-detail-slide-track{min-height:220px}.post-detail-slide-track.is-dragging,.post-image-viewer-track.is-dragging{transition:none!important}.post-detail-carousel-stage,.post-image-viewer-stage{-webkit-user-select:none;user-select:none}.post-detail-carousel-stage{touch-action:pan-y}.post-detail-open-viewer{touch-action:pan-y;cursor:grab}.post-detail-carousel:active .post-detail-open-viewer{cursor:grabbing}.post-image-viewer-stage{cursor:grab}.post-image-viewer-stage:active{cursor:grabbing}.post-detail-slide-track img,.post-image-viewer-track img{pointer-events:none;-webkit-user-drag:none}.project-detail-page{width:100%;padding-bottom:30px}.project-detail-back{color:#6b7280;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:18px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.project-detail-hero{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.project-detail-cover{background:#eef2f7;width:100%}.project-detail-cover img{width:100%;height:auto;display:block}.project-detail-cover-empty{aspect-ratio:16/9;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.project-detail-cover-empty span{font-size:10px}.project-detail-info{padding:20px}.project-detail-badges{align-items:center;gap:6px;margin-bottom:10px;display:flex}.project-detail-status,.project-detail-private{border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:23px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.project-detail-status.ready{color:#64748b;background:#f1f5f9}.project-detail-status.building{color:#2563eb;background:#eff6ff}.project-detail-status.completed{color:#059669;background:#ecfdf5}.project-detail-private{color:#6b7280;background:#f3f4f6}.project-detail-info h1{color:#111827;letter-spacing:-.7px;margin:0;font-size:24px;font-weight:900}.project-detail-product-name{color:#374151;margin-top:8px;font-size:13px;display:block}.project-detail-info p{color:#9ca3af;margin:4px 0 0;font-size:10px}.project-detail-product-meta{gap:6px;margin-top:12px;display:flex}.project-detail-product-meta span{color:#6b7280;background:#f3f4f6;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700}.project-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.project-detail-stats>div{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:13px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:14px 8px;display:flex}.project-detail-stats svg{color:#94a3b8}.project-detail-stats strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.project-detail-stats span{color:#9ca3af;font-size:9px}.project-detail-records{margin-top:20px}.project-detail-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.project-detail-section-heading h2{color:#111827;margin:0;font-size:16px}.project-detail-section-heading p{color:#9ca3af;margin:5px 0 0;font-size:10px}.project-detail-section-heading>span{color:#2563eb;font-size:12px;font-weight:900}.project-detail-empty{color:#94a3b8;text-align:center;border:1px dashed #dbe1ea;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;margin-top:12px;padding:25px;display:flex}.project-detail-empty strong{color:#374151;font-size:11px}.project-detail-empty span{color:#9ca3af;font-size:9px}.add-project-record{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;margin-top:14px;font-size:11px;font-weight:800;display:flex}.add-project-record:hover{background:#1d4ed8}.project-detail-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:500px;display:flex}.project-detail-state strong{color:#374151;font-size:13px}.project-detail-state span{font-size:10px}.project-detail-state button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;margin-top:5px;padding:9px 14px;font-size:10px;font-weight:700}.project-detail-spinner{color:#2563eb;animation:.8s linear infinite project-detail-spin}@keyframes project-detail-spin{to{transform:rotate(360deg)}}@media (width<=480px){.project-detail-info{padding:17px}.project-detail-info h1{font-size:21px}.project-detail-stats{gap:6px}}.project-record-list{flex-direction:column;gap:16px;display:flex}.project-record-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.project-record-header{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.project-record-type{align-items:center;gap:8px;display:flex}.project-record-type strong{font-size:14px;font-weight:700}.project-record-icon{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.project-record-icon.building,.project-record-icon.build{color:#2563eb;background:#eff6ff}.project-record-icon.complete{color:#16a34a;background:#f0fdf4}.project-record-icon.pose{color:#9333ea;background:#faf5ff}.project-record-icon.custom{color:#d97706;background:#fffbeb}.project-record-header time{color:#9ca3af;flex-shrink:0;font-size:11px}.project-record-images{background:#f3f4f6;gap:2px;width:100%;display:grid;overflow:hidden}.project-record-images.count-1{grid-template-columns:1fr}.project-record-images.count-1 .project-record-image{width:100%;height:100%}.project-record-images.count-1 .project-record-image img{object-fit:contain}.project-record-images.count-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-record-images.count-2 .project-record-image{aspect-ratio:1}.project-record-images.count-3{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);height:360px}.project-record-images.count-3 .image-1{grid-area:1/1/3}.project-record-images.count-3 .image-2{grid-area:1/2}.project-record-images.count-3 .image-3{grid-area:2/2}.project-record-images.count-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));height:360px}.project-record-image{background:#f3f4f6;min-width:0;min-height:0;position:relative;overflow:hidden}.project-record-image img{object-fit:cover;width:100%;height:100%;display:block}.project-record-image-more{color:#fff;background:#00000085;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=520px){.project-record-images.count-3,.project-record-images.count-4{height:300px}}.project-record-content{color:#1f2937;white-space:pre-wrap;word-break:break-word;margin:0;padding:15px 16px 8px;font-size:14px;line-height:1.65}.project-record-footer{color:#9ca3af;align-items:center;gap:5px;padding:8px 16px 14px;font-size:11px;display:flex}button.project-record-image{appearance:none;cursor:pointer;width:100%;font:inherit;text-align:inherit;background:#f3f4f6;border:0;padding:0;display:block}button.project-record-image:focus-visible{outline-offset:-3px;outline:3px solid #2563eb}.project-image-viewer{z-index:9999;background:#000000f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-image-viewer-header{z-index:3;padding:max(16px, env(safe-area-inset-top)) 20px 16px;color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.project-image-viewer-header span{font-size:14px;font-weight:700}.project-image-viewer-header button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.project-image-viewer-content{justify-content:center;align-items:center;width:100%;height:100%;padding:72px 64px 50px;display:flex}.project-image-viewer-content img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.project-image-viewer-arrow{z-index:3;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-image-viewer-arrow.previous{left:16px}.project-image-viewer-arrow.next{right:16px}.project-image-viewer-arrow:hover,.project-image-viewer-header button:hover{background:#ffffff38}@media (width<=520px){.project-image-viewer-content{padding:70px 8px 50px}.project-image-viewer-arrow{width:40px;height:40px}.project-image-viewer-arrow.previous{left:8px}.project-image-viewer-arrow.next{right:8px}}.project-image-viewer-content{touch-action:pan-y;position:relative;overflow:hidden}.project-image-viewer-track{will-change:transform;position:absolute;inset:0}.project-image-viewer-track.is-animating{transition:transform .24s cubic-bezier(.22,.61,.36,1)}.project-image-viewer-slide{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.project-image-viewer-slide.previous{transform:translate(-100%)}.project-image-viewer-slide.current{transform:translate(0,0)}.project-image-viewer-slide.next{transform:translate(100%)}.project-image-viewer-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block;position:absolute}.project-image-viewer-placeholder{z-index:1;opacity:.58;filter:blur(5px);transform:scale(1.01)}.project-image-viewer-detail{z-index:2}.project-image-viewer-loading,.project-image-viewer-error{z-index:5;color:#fff;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.project-image-viewer-loading span{color:#ffffffb8;font-size:12px;font-weight:600}.project-image-viewer-spinner{animation:.8s linear infinite project-image-viewer-spin}@keyframes project-image-viewer-spin{to{transform:rotate(360deg)}}.project-image-viewer-error{color:#ffffffbf;background:#0000005c}.project-image-viewer-error strong{color:#fff;margin-top:3px;font-size:14px;font-weight:700}.project-image-viewer-error span{color:#fff9;font-size:11px}@media (width<=520px){.project-image-viewer-arrow{display:none}}.project-record-header-actions{align-items:center;gap:6px;min-width:0;display:flex}.project-record-menu-wrap{flex-shrink:0;position:relative}.project-record-menu-button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s;display:flex}.project-record-menu-button:hover{color:#111827;background:#f3f4f6}.project-record-menu{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:150px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 30px #0000001f}.project-record-menu button{color:#374151;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px 11px;font-size:14px;font-weight:600;display:flex}.project-record-menu button:hover{background:#f3f4f6}.project-record-menu button.danger{color:#dc2626}.project-record-menu button.danger:hover{background:#fef2f2}.project-delete-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.project-delete-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:360px;padding:26px 22px 20px;box-shadow:0 20px 60px #0003}.project-delete-modal-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.project-delete-modal h3{color:#111827;margin:0;font-size:19px;font-weight:800}.project-delete-modal p{color:#6b7280;margin:10px 0 0;font-size:14px;line-height:1.6}.project-delete-modal-error{color:#b91c1c;background:#fef2f2;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.45}.project-delete-modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.project-delete-modal-actions button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;display:flex}.project-delete-modal-actions button.cancel{color:#374151;background:#f3f4f6}.project-delete-modal-actions button.cancel:hover:not(:disabled){background:#e5e7eb}.project-delete-modal-actions button.delete{color:#fff;background:#dc2626}.project-delete-modal-actions button.delete:hover:not(:disabled){background:#b91c1c}.project-delete-modal-actions button:disabled{cursor:not-allowed;opacity:.65}.project-delete-spinner{animation:.8s linear infinite project-delete-spin}@keyframes project-delete-spin{to{transform:rotate(360deg)}}@media (width<=520px){.project-record-header-actions{gap:2px}.project-record-menu-button{width:32px;height:32px}.project-record-menu{width:145px}.project-delete-modal{max-width:340px;padding:24px 18px 18px}}.project-detail-builder{width:100%;min-height:76px;color:inherit;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:13px 14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.project-detail-builder:hover{background:#f8fafc;border-color:#dbe3ef}.project-detail-builder:active:not(.is-disabled){transform:scale(.995)}.project-detail-builder:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.project-detail-builder.is-disabled{cursor:default}.project-detail-builder.is-disabled:hover{background:#fff;border-color:#e5e7eb}.project-detail-builder-avatar{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.project-detail-builder-avatar img{object-fit:cover;width:100%;height:100%;display:block}.project-detail-builder-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.project-detail-builder-label{color:#94a3b8;letter-spacing:.12em;font-size:8px;font-weight:900}.project-detail-builder-info strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:800;line-height:1.35;overflow:hidden}.project-detail-builder-handle{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:2px;max-width:100%;font-size:9px;font-weight:700;display:inline-flex;overflow:hidden}.project-detail-builder-arrow{color:#cbd5e1;flex:none}@media (width<=520px){.project-detail-builder{min-height:72px;padding:12px 13px}.project-detail-builder-avatar{flex-basis:44px;width:44px;height:44px}}.project-detail-share-actions{justify-content:flex-end;margin-top:10px;display:flex}.project-detail-share-trigger{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;display:inline-flex}.project-detail-share-trigger:hover{background:#dbeafe}.project-share-backdrop{z-index:11000;background:#0f172aa6;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.project-share-modal{box-sizing:border-box;background:#fff;border-radius:18px;width:min(100%,420px);padding:22px;box-shadow:0 18px 60px #00000038}.project-share-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-share-heading h3{color:#111827;margin:0;font-size:18px}.project-share-heading button{cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.project-share-modal p{color:#64748b;margin:10px 0 18px;font-size:13px;line-height:1.5}.project-share-modal label{color:#475569;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.project-share-modal input{box-sizing:border-box;color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:11px;font-size:12px}.project-share-feedback{color:#2563eb;margin-top:10px;font-size:12px}.project-share-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.project-share-buttons button{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:8px;font-size:12px;font-weight:800;display:flex}.project-share-buttons button.primary{color:#fff;background:#2563eb}@media (width<=380px){.project-share-buttons{grid-template-columns:1fr}}