html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--app-bg:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--primary:#000;--primary-hover:#333;--primary-light:#f3f4f6;--danger:#ef4444;--danger-light:#fef2f2;--border:#e2e8f0;--border-light:#f1f5f9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--app-bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}button,input,textarea,select{font-family:inherit;font-size:1rem}button{cursor:pointer;background:0 0;border:none}.fade-in{animation:.4s ease-out forwards fadeIn}.fade-in-up{animation:.5s ease-out forwards fadeInUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);background:#fffc;border-bottom:1px solid #e2e8f0cc;padding:1rem 0;position:sticky;top:0}.topbar-content{justify-content:flex-start;align-items:center;gap:50px;width:100%;max-width:1680px;margin:0 auto;padding:0 2rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.5rem;display:flex}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text strong{letter-spacing:-.025em;font-size:1.125rem;font-weight:700}.brand-text span{color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:500}.nav{gap:.5rem;display:flex}.nav-btn{border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;transition:var(--transition);padding:.5rem 1rem;font-weight:500;text-decoration:none}.nav-btn:hover{color:var(--text-main);background-color:var(--surface-hover)}.nav-btn.router-link-exact-active{color:#fff;background-color:var(--text-main);box-shadow:var(--shadow-sm)}.main-content{flex:1;width:100%;max-width:1680px;margin:0 auto;padding:2.5rem 2rem}.app-footer{color:var(--text-light);border-top:1px solid var(--border);text-align:center;padding:2rem;font-size:.875rem}.footer-copyright{color:var(--text-muted);margin-bottom:.35rem;font-weight:700}.footer-notice{max-width:44rem;color:var(--text-light);margin:0 auto .75rem;line-height:1.7}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.footer-links span{color:var(--text-light)}.footer-links a{color:var(--text-muted);transition:var(--transition);font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--text-main)}.header-content{margin-bottom:2rem}.section-title{letter-spacing:-.025em;color:var(--text-main);margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.section-subtitle{color:var(--text-muted);font-size:1.125rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.messages-page{max-width:1040px;margin:0 auto}.auth-required-panel{gap:.875rem;max-width:520px;display:grid}.auth-required-panel h2{margin:0;font-size:1.25rem}.auth-required-panel p{color:var(--text-muted);margin:0}.messages-panel{gap:1rem;display:grid}.messages-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.messages-empty{min-height:12rem;color:var(--text-muted);background:var(--surface-muted);border:1px dashed var(--border);border-radius:var(--radius-md);place-items:center;display:grid}.message-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.message-card.is-unread{background:#eff6ff;border-color:#2563eb3d}.message-main{min-width:0}.message-title-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.message-title-row h2{color:var(--text-main);margin:0;font-size:1rem}.unread-dot{border-radius:var(--radius-full);background:#2563eb;flex:0 0 .5rem;width:.5rem;height:.5rem}.message-type{border-radius:var(--radius-full);color:#1e40af;background:#dbeafe;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.message-main p{color:var(--text-muted);margin:0 0 .625rem;line-height:1.7}.message-main time,.read-state{color:var(--text-light);font-size:.8125rem}.secondary-btn{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-main);background:var(--surface);cursor:pointer;transition:var(--transition);padding:.5rem .875rem;font-weight:700}.secondary-btn:hover:not(:disabled){border-color:var(--text-main)}.secondary-btn:disabled{cursor:not-allowed;opacity:.6}.layout{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:start;gap:2rem;display:grid}.stack{flex-direction:column;gap:1.5rem;display:flex}.error-msg{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem;font-weight:500}.success-msg{color:#166534;border-radius:var(--radius-md);background:#dcfce7;margin-bottom:1.5rem;padding:1rem;font-weight:500}.form{flex-direction:column;gap:1.5rem;display:flex}.field{flex-direction:column;gap:.5rem;display:flex}.field label{color:var(--text-main);font-size:.875rem;font-weight:600}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";color:var(--text-muted);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}select,input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);appearance:none;padding:.75rem 1rem}select:focus,input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}textarea{resize:vertical;min-height:120px}.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.generation-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.generation-actions .primary-btn,.generation-actions .secondary-btn{min-height:48px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}.spinner.dark{border-color:#0f172a29;border-top-color:var(--text-main)}@keyframes spin{to{transform:rotate(360deg)}}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);padding:2rem}.login-brand{margin-bottom:2rem}.login-copy{margin-bottom:1.5rem}.login-copy h1{margin-bottom:.5rem;font-size:1.75rem;line-height:1.2}.login-copy p{color:var(--text-muted)}.auth-tabs{border-radius:var(--radius-md);background:var(--surface-hover);grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:.25rem;display:grid}.auth-tabs button{border-radius:var(--radius-sm);min-height:2.25rem;color:var(--text-muted);transition:var(--transition);font-weight:700}.auth-tabs button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.code-row{grid-template-columns:minmax(0,1fr) 112px;gap:.5rem;display:grid}.code-btn{border-radius:var(--radius-md);color:var(--primary);background:var(--primary-light);transition:var(--transition);font-weight:700}.code-btn:disabled{opacity:.6;cursor:wait}.code-btn.ant-btn:hover,.code-btn.ant-btn:focus{color:var(--primary);border-color:var(--primary)}.auth-submit.ant-btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:none}.auth-submit.ant-btn-primary:hover,.auth-submit.ant-btn-primary:focus{background:var(--primary-hover);border-color:var(--primary-hover)}.auth-form .ant-form-item{margin-bottom:0}.auth-form .ant-form-item-label{padding-bottom:.375rem}.auth-form .ant-form-item-label>label{color:var(--text-main);font-size:.875rem;font-weight:600}.auth-form .ant-input,.auth-form .ant-input-affix-wrapper{border-color:var(--border);border-radius:var(--radius-md)}.auth-form .ant-input:hover,.auth-form .ant-input-affix-wrapper:hover,.auth-form .ant-input:focus,.auth-form .ant-input-focused,.auth-form .ant-input-affix-wrapper-focused{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.auth-form .ant-form-item-explain-error{color:var(--danger);font-size:.8125rem}.auth-form .ant-form-item-has-error .ant-input,.auth-form .ant-form-item-has-error .ant-input-affix-wrapper{border-color:var(--danger)}.auth-form .ant-form-item-has-error .ant-input:focus,.auth-form .ant-form-item-has-error .ant-input-affix-wrapper-focused{box-shadow:0 0 0 3px var(--danger-light)}.auth-links{flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.875rem;display:flex}.auth-links button{color:var(--primary);font-weight:700}.agreement-check{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.8125rem;line-height:1.6;display:flex}.agreement-checkbox{color:inherit;font-size:inherit;line-height:inherit;flex:none;margin:0}.agreement-checkbox .ant-checkbox{top:0}.agreement-checkbox .ant-checkbox-inner{width:1rem;height:1rem}.agreement-checkbox .ant-checkbox-checked .ant-checkbox-inner,.agreement-checkbox:hover .ant-checkbox-checked .ant-checkbox-inner,.agreement-checkbox .ant-checkbox-checked:hover .ant-checkbox-inner{background-color:var(--primary)!important;border-color:var(--primary)!important}.agreement-checkbox:hover .ant-checkbox-inner,.agreement-checkbox .ant-checkbox-wrapper:hover .ant-checkbox-inner,.agreement-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner,.agreement-checkbox .ant-checkbox-checked:after{border-color:var(--primary)!important}.agreement-copy{text-overflow:ellipsis;min-width:0;overflow:hidden}.agreement-check a{color:var(--primary);cursor:pointer;font-weight:700;text-decoration:none}.agreement-check a:hover{text-decoration:underline}.agreement-page{gap:1rem;max-width:920px;margin:0 auto;display:grid}.agreement-back{width:fit-content;color:var(--text-muted);transition:var(--transition);font-size:.875rem;font-weight:700;text-decoration:none}.agreement-back:hover{color:var(--text-main)}.agreement-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:2rem}.agreement-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.25rem}.agreement-kicker{color:var(--primary);margin-bottom:.625rem;font-size:.8125rem;font-weight:800}.agreement-header h1{color:var(--text-main);margin-bottom:.5rem;font-size:2rem;line-height:1.2}.agreement-meta,.agreement-intro p,.agreement-section p,.agreement-empty p{color:var(--text-muted);line-height:1.8}.agreement-intro,.agreement-section{gap:.75rem;display:grid}.agreement-section{margin-top:1.5rem}.agreement-section h2{color:var(--text-main);font-size:1.125rem}.agreement-empty{text-align:center;align-content:center;gap:.75rem;min-height:16rem;display:grid}.user-bar{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.625rem;margin-left:auto;font-size:.875rem;display:flex}.topbar-icon-btn.ant-btn,.topbar-action-btn.ant-btn{border-color:var(--border);height:2.25rem;color:var(--text-main);background:var(--surface);box-shadow:var(--shadow-sm);transition:var(--transition)}.topbar-icon-btn.ant-btn{width:2.25rem}.topbar-icon-btn.ant-btn:hover,.topbar-icon-btn.ant-btn.is-active,.topbar-action-btn.ant-btn:hover{border-color:var(--text-main);color:var(--text-main);background:var(--surface-hover)}.topbar-icon-btn.ant-btn.is-active{box-shadow:inset 0 0 0 1px var(--text-main)}.topbar-action-btn.ant-btn{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:0 .875rem;font-weight:700;display:inline-flex}.message-popover .ant-popover-inner{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:0}.message-popup{flex-direction:column;width:min(380px,100vw - 2rem);max-height:min(520px,100dvh - 7rem);display:flex;overflow:hidden}.message-popup-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.message-popup-header strong,.message-popup-header span{display:block}.message-popup-header strong{color:var(--text-main);font-size:1rem}.message-popup-header span{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.message-refresh-btn{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-main);background:var(--surface);transition:var(--transition);flex:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:700}.message-refresh-btn:hover:not(:disabled){border-color:var(--text-main);background:var(--surface-hover)}.message-refresh-btn:disabled{cursor:wait;opacity:.6}.message-popup-error{border-radius:var(--radius-sm);color:var(--danger);background:var(--danger-light);margin:1rem;padding:.75rem;font-size:.875rem;font-weight:600}.message-popup-empty{min-height:9rem;color:var(--text-muted);place-items:center;font-size:.875rem;display:grid}.message-popup-list{gap:.75rem;padding:.75rem;display:grid;overflow-y:auto}.message-popup-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:.5rem;padding:.875rem;display:grid}.message-popup-item.is-unread{background:#eff6ff;border-color:#2563eb3d}.message-popup-title{align-items:center;gap:.5rem;min-width:0;display:flex}.message-popup-title strong{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9375rem;overflow:hidden}.message-popup-item p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.message-popup-meta{color:var(--text-light);justify-content:space-between;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.message-popup-meta button{color:#1e40af;flex:none;font-size:.8125rem;font-weight:800}.message-popup-meta span{flex:none}.user-profile-btn{border:1px solid var(--border);border-radius:var(--radius-full);min-width:0;max-width:210px;height:2.25rem;color:var(--text-main);background:var(--surface);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.125rem .625rem .125rem .125rem;font-weight:700;display:inline-flex}.user-profile-btn:hover{border-color:var(--text-main);background:var(--surface-hover)}.user-profile-btn>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-user-avatar.ant-avatar{color:#fff;background:var(--text-main);flex:none;font-weight:800}.app-user-avatar-upload,.app-user-avatar-upload .ant-upload{display:inline-flex}.app-user-avatar-trigger{cursor:pointer;box-shadow:0 0 0 4px var(--surface), 0 0 0 5px var(--border);border-radius:999px;display:inline-flex;position:relative}.app-user-avatar-trigger:disabled{cursor:wait}.user-menu-caret{color:var(--text-light);flex:none;font-size:.75rem}.user-dropdown-overlay .ant-dropdown-menu{box-shadow:none;background:0 0;padding:0}.user-dropdown-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #e2e8f0d1;border-radius:14px;width:292px;padding:.5rem;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.user-dropdown-summary{background:linear-gradient(#f8fafc 0%,#fff 100%);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.875rem;display:grid}.user-dropdown-summary strong,.user-dropdown-summary span{display:block}.user-dropdown-summary strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.3;overflow:hidden}.user-dropdown-summary span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-size:.8125rem;line-height:1.4;overflow:hidden}.user-dropdown-member{border:1px solid var(--border-light);background:#f8fafc;border-radius:10px;gap:.5rem;margin-top:.5rem;padding:.75rem .875rem;display:grid}.user-dropdown-avatar.app-user-avatar.ant-avatar{background:var(--text-main);flex:none;box-shadow:0 0 0 4px #fff,0 8px 20px #0f172a1f}.member-info-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.member-info-row>span{color:var(--text-muted);font-size:.8125rem;font-weight:700}.user-dropdown-member .member-badge{width:fit-content;min-height:1.75rem;padding:.25rem .625rem;font-size:.75rem}.member-expiry{color:var(--text-muted);font-size:.8125rem;font-weight:600}.user-dropdown-menu.ant-menu{background:0 0;border:none;margin-top:.5rem}.user-dropdown-menu.ant-menu .ant-menu-item{height:38px;color:var(--text-main);border-radius:10px;margin:0;font-weight:700}.user-dropdown-menu.ant-menu .ant-menu-item+.ant-menu-item{margin-top:.25rem}.user-dropdown-menu.ant-menu .ant-menu-item:hover{background:var(--surface-hover)}.user-dropdown-menu.ant-menu .ant-menu-title-content{margin-inline-start:.5rem}.logout-btn{border-radius:var(--radius-full);color:var(--text-main);background:var(--surface-hover);transition:var(--transition);padding:.5rem .875rem;font-weight:600}.logout-btn:disabled{opacity:.6;cursor:wait}.logout-btn:hover{background:var(--primary);color:#fff}.member-badge{border-radius:var(--radius-full);white-space:nowrap;min-height:2rem;color:var(--primary);background:var(--primary-light);border:1px solid #0000;align-items:center;gap:.4rem;margin-inline-end:0;padding:.35rem .75rem;font-size:.8125rem;font-weight:800;display:inline-flex}.member-badge.is-ordinary{color:var(--text-muted);background:var(--surface-hover);border-color:var(--border)}.member-badge.is-advanced{color:#7c2d12;background:linear-gradient(135deg,#fff7ed 0%,#fde68a 100%);border-color:#d9770659;box-shadow:0 8px 22px #d9770633}.auth-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0f172a75;justify-content:center;align-items:center;padding:2rem;transition:opacity .2s;display:flex;position:fixed;inset:0}.auth-modal-backdrop.is-open{opacity:1;pointer-events:auto}.auth-modal{transition:transform .2s;position:relative;transform:translateY(8px)scale(.98)}.auth-modal-backdrop.is-open .auth-modal{transform:translateY(0)scale(1)}.redeem-modal{max-width:460px}.profile-modal{width:min(560px,100vw - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto}.profile-section{border-top:1px solid var(--border);padding-top:1.25rem}.profile-section+.profile-section{margin-top:1.25rem}.profile-section h2{margin-bottom:1rem;font-size:1rem}.profile-avatar-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.875rem;display:grid}.profile-avatar-mask{color:#fff;opacity:0;transition:var(--transition);background:#0f172a94;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:absolute;inset:0}.app-user-avatar-trigger:hover .profile-avatar-mask,.app-user-avatar-trigger.is-uploading .profile-avatar-mask{opacity:1}.profile-avatar-card>div strong,.profile-avatar-card>div span{display:block}.profile-avatar-card>div span{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.profile-tabs{border-radius:var(--radius-md);background:var(--surface-hover);grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.25rem;padding:.25rem;display:grid}.profile-tabs button{border-radius:var(--radius-sm);min-height:2.5rem;color:var(--text-muted);transition:var(--transition);font-weight:800}.profile-tabs button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.compact-msg{margin:0 0 1rem;padding:.75rem .875rem}.member-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-hover);flex-direction:column;gap:.35rem;margin-bottom:1.5rem;padding:1rem;display:flex}.member-card span{color:var(--text-muted);font-size:.875rem}.category-bar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.category-tabs{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.gallery-search{flex:none;width:min(360px,34vw)}.gallery-search input{border-radius:var(--radius-full);height:42px}.tab-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);transition:var(--transition);padding:.5rem 1.25rem;font-weight:500}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.waterfall-grid{--gallery-column-count:1;grid-template-columns:repeat(var(--gallery-column-count), minmax(0, 1fr));align-items:start;gap:10px;width:100%;padding-bottom:2rem;display:grid}.waterfall-column{flex-direction:column;gap:10px;min-width:0;display:flex}.waterfall-item{width:100%}.image-card{background:var(--surface);transition:var(--transition);cursor:pointer;border-radius:5px;overflow:hidden}.image-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-wrapper{background:linear-gradient(110deg, #f1f5f900 28%, #ffffffd1 42%, #f1f5f900 58%), var(--surface-hover);background-size:220% 100%;border-radius:5px;width:100%;min-height:120px;animation:1.2s ease-in-out infinite imageSkeleton;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.image-wrapper.is-loaded{background:var(--border-light);animation:none}.image-card:hover .image-wrapper img{transform:scale(1.05)}@keyframes imageSkeleton{0%{background-position:140% 0}to{background-position:-80% 0}}.image-overlay{opacity:0;transition:var(--transition);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-overlay span{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff80;padding:.5rem 1rem;font-weight:600}.image-card:hover .image-overlay{opacity:1}.meta{color:var(--text-muted);font-size:.875rem}.empty-state{text-align:center;width:100%;color:var(--text-light);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);grid-column:1/-1;padding:4rem 1rem}.loading-state{color:var(--text-muted);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.inline-loading{margin-bottom:1.5rem}.load-more-sentinel{min-height:72px;color:var(--text-light);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.permission-toast{z-index:240;border-radius:var(--radius-md);color:#991b1b;text-align:left;background:#fff7f7;border:1px solid #fca5a59e;align-items:center;gap:.625rem;max-width:min(480px,100vw - 2rem);min-height:44px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;line-height:1.45;display:inline-flex;position:fixed;top:5rem;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0f172a29}.permission-toast__icon{color:#fff;background:#ef4444;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex}.permission-toast-enter-active,.permission-toast-leave-active{transition:opacity .18s,transform .18s}.permission-toast-enter-from,.permission-toast-leave-to{opacity:0;transform:translate(-50%,-10px)}.permission-hint{border-radius:var(--radius-md);color:#92400e;background:#fffbeb;border:1px solid #f59e0b47;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-content{background:var(--surface);border-radius:var(--radius-md);width:min(1120px,100vw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:scale(.95)}.modal-backdrop.is-open .modal-content{transform:scale(1)}.modal-close{width:2.5rem;height:2.5rem;color:var(--text-main);z-index:10;transition:var(--transition);background:#0000001a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#0003;transform:rotate(90deg)}.modal-layout{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:0;height:min(760px,100dvh - 2rem);min-height:0;display:grid}.modal-image-col{background:var(--border-light);justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:hidden}.detail-image-btn{background:var(--border-light);cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.detail-image-btn:disabled{cursor:wait}.detail-image-btn span{border-radius:var(--radius-full);color:#fff;opacity:0;pointer-events:none;background:#0f172ab8;padding:.45rem .85rem;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.detail-image-btn:hover span{opacity:1}.detail-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.modal-info-col{background:var(--surface);min-height:0;max-height:100%;padding:2.5rem 2rem;overflow-y:auto}.detail-content h3{margin-bottom:1rem;padding-right:2rem;font-size:1.5rem;font-weight:700}.meta-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.meta-tag{background:var(--border-light);color:var(--text-muted);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600}.meta-tag.highlight{background:var(--primary-light);color:var(--primary)}.prompt-section{margin-bottom:1rem}.prompt-header{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.prompt-header-action{justify-content:space-between;align-items:center;gap:1rem;display:flex}.prompt-box{background:var(--surface-hover);border-radius:var(--radius-md);color:var(--text-main);white-space:pre-wrap;border:1px solid var(--border);padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6}.prompt-box.negative{color:var(--danger);background:var(--danger-light);border-color:#ef444433}.image-preview-backdrop{z-index:140;opacity:0;pointer-events:none;background:#020617db;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .2s;display:flex;position:fixed;inset:0}.image-preview-backdrop.is-open{opacity:1;pointer-events:auto}.image-preview-content{justify-content:center;align-items:center;max-width:calc(100vw - 3rem);max-height:calc(100dvh - 3rem);display:flex;position:relative}.image-preview-content img{object-fit:contain;border-radius:var(--radius-sm);max-width:calc(100vw - 3rem);max-height:calc(100dvh - 3rem);box-shadow:var(--shadow-xl)}.image-preview-close{color:#fff;background:#0f172ab8;top:.75rem;right:.75rem}.image-preview-close:hover{background:#0f172ae6}.prompt-container{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);align-items:start;gap:1.5rem;width:100%;margin:0 auto;display:grid}.prompt-result-panel,.prompt-form-panel{width:100%}.prompt-form-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.prompt-form{gap:1rem}.field-label-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.input-meta{color:var(--text-light);font-size:.8125rem;font-weight:600}.prompt-input{min-height:260px;line-height:1.7}.prompt-actions{padding-top:.25rem}.prompt-result-panel{flex-direction:column;min-height:min(520px,100dvh - 9rem);display:flex;position:sticky;top:6.5rem}.prompt-result-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.prompt-result-header .panel-title{margin-bottom:.25rem}.prompt-result-header p{max-width:420px;color:var(--text-muted);font-size:.875rem;line-height:1.5}.prompt-form-panel .header-content{margin-bottom:1.5rem}.prompt-form-panel .primary-btn{min-width:180px}.prompt-result-panel .result-content{flex:1;min-height:0}.prompt-result-panel .prompt-section{height:100%;margin-bottom:0}.prompt-result-panel .prompt-box{height:100%;min-height:320px}.prompt-empty-result{flex:1;min-height:300px}.copy-btn{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);transition:var(--transition);padding:.25rem .75rem;font-size:.75rem;font-weight:600}.copy-btn:hover{background:var(--primary);color:#fff}.result-copy-btn{color:#fff;background:var(--primary);min-width:72px;box-shadow:var(--shadow-sm)}.result-copy-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.empty-result{text-align:center;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.empty-icon{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(var(--border) 0 0) 50% 35% / 1.5rem 1px no-repeat, linear-gradient(var(--border) 0 0) 50% 50% / 1.5rem 1px no-repeat, linear-gradient(var(--border) 0 0) 50% 65% / 1.5rem 1px no-repeat, var(--surface-hover);width:3rem;height:3rem;margin-bottom:1rem}.script-container{align-items:stretch;height:calc(100dvh - 11rem);min-height:0}.script-container>.panel{height:100%;min-height:0;overflow-y:auto}.script-container .form-panel{flex-direction:column;display:flex}.script-container .form,.script-container .field{flex:1;min-height:0}.script-container .topic-input{resize:none;flex:1;min-height:160px}.duration-field{align-items:center;gap:.75rem;display:flex}.duration-label{color:var(--text-muted);font-size:.875rem;font-weight:600}.duration-options{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);gap:.25rem;width:fit-content;padding:.25rem;display:inline-flex}.duration-option{border-radius:var(--radius-sm);min-width:4rem;color:var(--text-muted);transition:var(--transition);padding:.5rem .875rem;font-weight:600}.duration-option:hover{color:var(--text-main)}.duration-option.active{background:var(--text-main);color:#fff;box-shadow:var(--shadow-sm)}.tips-box{background:var(--surface-hover);border-radius:var(--radius-md);margin-top:2rem;padding:1.25rem}.tips-box h4{margin-bottom:.75rem;font-size:.875rem;font-weight:600}.tips-box ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.tips-box li{color:var(--text-muted);padding-left:1rem;font-size:.875rem;position:relative}.tips-box li:before{content:"✓";color:#10b981;position:absolute;left:0}.script-meta{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.target-user{color:var(--text-main);font-weight:600}.hook-label,.cta-label{text-transform:uppercase;color:var(--primary);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.hook-content{color:var(--text-main);background:var(--primary-light);border-radius:var(--radius-md);margin-bottom:2rem;padding:1rem;font-size:1.125rem;font-style:italic;font-weight:600}.scene-timeline{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.script-duration-summary{background:var(--primary-light);border:1px solid var(--border);border-radius:var(--radius-md);width:fit-content;color:var(--text-main);align-items:center;margin-bottom:1.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.script-loading-state{min-height:280px;color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;display:flex}.script-loading-state.compact{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:flex-start;min-height:0;padding:.75rem 1rem}.scene-timeline:before{content:none}.scene-item{position:relative}.scene-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.scene-header{border-bottom:1px solid var(--border-light);color:var(--text-main);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.scene-header small{color:var(--text-light);margin-left:.375rem;font-size:.75rem;font-weight:500}.copy-scene-btn{background:var(--text-main);border-radius:var(--radius-sm);color:#fff;transition:var(--transition);flex:none;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;line-height:1}.copy-scene-btn:hover{background:#334155}.scene-text{color:var(--text-muted);white-space:pre-wrap;font-size:.875rem;line-height:1.5}.cta-content{color:#065f46;border-radius:var(--radius-md);background:#f0fdf4;border:1px solid #a7f3d0;padding:1rem;font-size:1rem;font-weight:600}@media (width<=1120px){.topbar-content{gap:1.5rem}.nav-btn{padding:.5rem .875rem}}@media (width<=1024px){.layout{grid-template-columns:1fr}.script-container{height:auto;min-height:0}.script-container>.panel{height:auto;max-height:none}.prompt-container{grid-template-columns:1fr}.prompt-result-panel{min-height:360px;position:static}.prompt-result-panel .prompt-box,.prompt-empty-result{min-height:280px}.detail-panel{position:static}.modal-layout{grid-template-columns:1fr;height:auto;max-height:calc(100dvh - 2rem);overflow-y:auto}.modal-image-col{height:min(58vh,520px)}.modal-info-col{max-height:none;overflow:visible}}@media (width<=768px){.topbar-content{grid-template-columns:minmax(0,1fr) auto;gap:.875rem 1rem;padding:0 1rem;display:grid}.brand{grid-area:1/1;min-width:0}.nav{scrollbar-width:none;grid-area:2/1/auto/-1;width:100%;padding-bottom:.125rem;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;padding:.5rem .875rem}.user-bar{grid-area:1/2;justify-self:end;max-width:100%;margin-left:0}.category-bar{flex-direction:column}.gallery-search{width:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.prompt-result-header{flex-direction:column}.prompt-result-header .result-copy-btn,.prompt-form-panel .primary-btn{width:100%}.generation-actions{align-items:stretch}.generation-actions .secondary-btn{width:100%}}@media (width<=560px){.topbar{padding:.75rem 0}.brand-logo{border-radius:var(--radius-sm);padding:.375rem}.brand-logo svg{width:20px;height:20px}.brand-text strong{font-size:1rem}.brand-text span{font-size:.6875rem}.topbar-action-btn.ant-btn{padding:0 .625rem}.topbar-action-btn.ant-btn .ant-btn-icon+span{display:none}.user-profile-btn{max-width:92px;padding-right:.5rem}.user-menu-caret{display:none}.main-content{padding:1.75rem 1rem}.agreement-check{white-space:normal}.agreement-copy{text-overflow:clip;overflow:visible}.modal-backdrop{padding:.75rem}.modal-content{width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem)}.modal-layout{max-height:calc(100dvh - 1.5rem)}.modal-image-col{height:42vh}.modal-info-col{padding:1.5rem 1.25rem}.detail-content h3{padding-right:2.5rem}.image-preview-backdrop{padding:.75rem}.image-preview-content,.image-preview-content img{max-width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem)}.waterfall-grid,.waterfall-column{gap:10px}}