.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .2s ease-out}.modal-container{background:var(--main-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 40px #0003;width:90%;max-width:400px;padding:24px;display:flex;flex-direction:column;gap:16px;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-message{font-size:15px;line-height:1.5;color:var(--text-primary)}.modal-input-container input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--sidebar-bg);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.modal-input-container input:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal-actions button{min-width:80px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-color-scheme:dark){.modal-overlay{background:#0009}}:root{--bg-color: #f3f5f7;--sidebar-bg: rgba(247, 248, 250, .96);--main-bg: rgba(255, 255, 255, .98);--surface-strong: #ffffff;--surface-soft: #f6f8fb;--surface-muted: #edf1f5;--text-primary: #2f3542;--text-secondary: #7c8695;--accent: #FB4236;--accent-hover: rgba(251, 66, 54, .3);--accent-soft: rgba(225, 72, 47, .1);--border-color: rgba(142, 150, 163, .22);--glass-border: rgba(226, 231, 236, .96);--shadow: 0 8px 24px rgba(33, 41, 52, .06);--tone-word: #2e66f6;--tone-word-soft: #e7eeff;--tone-sheet: #15a34a;--tone-sheet-soft: #ddf8e7;--tone-slide: #f6781d;--tone-slide-soft: #ffebdc;--tone-pdf: #e84b4b;--tone-pdf-soft: #ffe1e1;--tone-template: #8c5cf6;--tone-template-soft: #eee6ff}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;font-family:Avenir Next,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,rgba(225,72,47,.03),transparent 140px),linear-gradient(180deg,#f5f6f8,#eef2f6);color:var(--text-primary)}body{overflow:hidden}input,button{font:inherit}button{border:0;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease}button:hover{background:var(--accent-hover);box-shadow:0 4px 12px #e1482f24}button.secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}button.secondary:hover{background:#fffffff5}input[type=text]{width:100%;border:1px solid var(--border-color);border-radius:10px;background:#fff;color:var(--text-primary);padding:0 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}input[type=text]:focus{border-color:#e1482f73;box-shadow:0 0 0 3px #e1482f14}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#68543e2e;border-radius:999px}#root{height:100vh}.app-shell{display:flex;gap:10px;height:100vh;padding:10px}.app-sidebar{width:224px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;padding:16px 14px;background:var(--sidebar-bg);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px}.brand-copy h1{margin:0;font-size:22px;line-height:1;letter-spacing:-.04em}.brand-copy p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f05e44,#d53d26);box-shadow:inset 0 1px #ffffff47}.brand-mark-core{position:relative;width:24px;height:24px;border-radius:50%;background:#fff6ef}.brand-mark-cut{position:absolute;top:4px;right:3px;width:12px;height:16px;border-radius:999px 0 0 999px;background:linear-gradient(145deg,#f05e44,#d53d26)}.sidebar-actions{display:grid;gap:8px}.sidebar-button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px}.sidebar-button.primary{background:linear-gradient(135deg,#ef5b42,#d93f28);box-shadow:0 6px 16px #e1482f24}.sidebar-button.secondary svg{width:18px;height:18px}.sidebar-nav{display:grid;gap:6px}.sidebar-link{min-height:40px;padding:0 10px;display:flex;align-items:center;gap:10px;border-radius:10px;background:transparent;color:var(--text-primary);border:1px solid transparent;justify-content:flex-start;font-size:13px}.sidebar-link:hover{background:#ffffffad}.sidebar-link.active{background:#e1482f14;border-color:#e1482f29;color:#a53321}.sidebar-link-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff}.sidebar-link-icon svg,.hero-link-icon svg,.dropzone-icon svg,.recent-icon svg,.creation-icon svg,.format-pill svg,.sidebar-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.sidebar-spacer{flex:1}.sidebar-note{padding:12px;border-radius:10px;background:#fff;border:1px solid var(--border-color);display:grid;gap:4px}.sidebar-note strong{font-size:12px}.sidebar-note span{font-size:12px;line-height:1.4;color:var(--text-secondary)}.hidden-input{display:none}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--main-bg);border:1px solid var(--glass-border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.workspace-editor{border-radius:12px}.workspace-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px 10px}.topbar-title{font-size:20px;font-weight:700;letter-spacing:-.04em}.topbar-subtitle{margin-top:4px;font-size:12px;color:var(--text-secondary)}.format-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.format-pill{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;border:1px solid var(--border-color);background:#fff}.workspace-scroll{flex:1;overflow-y:auto;padding:0 18px 18px}.hero-panel,.section-block{position:relative;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:none}.hero-panel{padding:18px;margin-bottom:12px}.hero-copy{max-width:900px}.section-kicker{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a53321;background:#e1482f14}.hero-copy h2{margin:10px 0 6px;font-size:clamp(24px,4vw,34px);line-height:1.05;letter-spacing:-.06em}.hero-copy p{margin:0;max-width:700px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hero-actions button{min-height:36px;padding:0 14px;font-weight:700;font-size:13px}.hero-dropzone{margin-top:14px;min-height:190px;padding:18px;display:grid;place-items:center;text-align:center;border-radius:12px;border:1px dashed rgba(225,72,47,.3);background:linear-gradient(180deg,#f8f9fbf5,#fffffffa);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.hero-dropzone:hover,.hero-dropzone.dragging{border-color:#e1482f7a;box-shadow:0 6px 18px #e1482f14}.dropzone-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;margin-bottom:12px;background:#e1482f14;color:var(--accent)}.dropzone-icon svg{width:24px;height:24px}.dropzone-title{font-size:24px;font-weight:800;letter-spacing:-.05em}.dropzone-text,.dropzone-supports{margin-top:6px;color:var(--text-secondary);font-size:12px}.dropzone-supports{letter-spacing:.04em;text-transform:uppercase}.hero-link-row{margin-top:12px;padding:12px;display:grid;grid-template-columns:auto minmax(140px,180px) minmax(220px,1fr) auto;gap:10px;align-items:center;border-radius:10px;background:var(--surface-soft)}.hero-link-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--accent)}.hero-link-copy{min-width:0}.hero-link-title{font-size:13px;font-weight:700}.hero-link-note{margin-top:4px;color:var(--text-secondary);font-size:12px}.hero-link-row input{min-height:38px}.hero-link-row button{min-height:38px;padding:0 12px;white-space:nowrap;font-size:13px}.section-block{padding:18px;margin-top:12px}.section-block-spacious{margin-top:0;margin-bottom:12px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-header h3{margin:0;font-size:20px;line-height:1;letter-spacing:-.05em}.section-header p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.section-link{background:transparent;color:var(--accent);padding:0;border-radius:0;font-weight:700;font-size:12px}.section-link:hover{background:transparent;transform:none}.creation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creation-card{padding:16px;min-height:126px;background:var(--surface-strong);border:1px solid var(--border-color);display:grid;justify-items:start;align-content:space-between;color:var(--text-primary)}.creation-card:hover{box-shadow:0 8px 20px #2129340f}.creation-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px}.creation-icon svg{width:18px;height:18px}.creation-title{font-size:17px;font-weight:800;line-height:1.15;letter-spacing:-.05em}.creation-subtitle{color:var(--text-secondary);font-weight:700;font-size:11px;letter-spacing:.08em}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.template-stack{display:grid;gap:8px}.template-card{padding:0;overflow:hidden;background:var(--surface-strong);border:1px solid var(--border-color);color:var(--text-primary);text-align:left;display:flex;flex-direction:column}.template-card:hover{box-shadow:0 8px 20px #2129340f}.template-visual{position:relative;min-height:118px;padding:14px;display:flex;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.4)}.template-visual:before,.template-visual:after{content:"";position:absolute;border-radius:50%;opacity:.9}.template-visual:before{top:-30px;right:-12px;width:100px;height:100px;background:#ffffff80}.template-visual:after{bottom:-24px;left:-14px;width:84px;height:84px;background:#ffffff2e}.template-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:999px;background:#ffffffb8;font-size:10px;font-weight:800;letter-spacing:.06em;z-index:1}.template-visual-title{position:relative;z-index:1;max-width:150px;font-size:24px;line-height:1;letter-spacing:-.06em;font-weight:800}.template-card-title{padding:12px;font-size:14px;font-weight:700;flex:1;display:flex;align-items:center}.template-delete{min-height:34px;width:100%;font-size:12px}.recent-list{display:grid;gap:10px}.recent-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--border-color);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.recent-row:hover{border-color:#e1482f29;box-shadow:0 6px 18px #2129340f}.recent-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.recent-icon svg{width:16px;height:16px}.recent-copy{min-width:0;flex:1}.recent-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;color:var(--text-secondary);font-size:12px}.recent-actions{display:flex;gap:8px;flex-shrink:0}.recent-actions button{min-height:32px;padding:0 10px;font-size:12px}.status-pill{padding:2px 8px;border-radius:999px;background:#e1482f1a;color:#b13a27;font-weight:700}.status-pill.muted{background:#1d243314;color:var(--text-secondary)}.empty-panel{display:grid;place-items:center;gap:8px;min-height:120px;padding:18px;border-radius:12px;border:1px dashed var(--border-color);text-align:center}.empty-panel p{margin:0;font-size:15px;font-weight:700}.empty-panel span{color:var(--text-secondary);max-width:560px;line-height:1.5;font-size:12px}.editor-shell{display:flex;flex-direction:column;min-height:0;height:100%}.editor-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-color);background:#fff}.editor-back-button{min-height:30px;padding:0 12px;border:1px solid rgba(225,72,47,.18);border-radius:999px;background:#e1482f14;color:#fb4236;font-size:12px;font-weight:700;box-shadow:none}.editor-back-button:hover{background:#e1482f1f;box-shadow:none}.editor-title-group{min-width:0;flex:1}.editor-title{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-subtitle{margin-top:4px;font-size:12px;color:var(--text-secondary)}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.editor-actions button{min-height:32px;padding:0 10px;font-size:12px}.editor-container{flex:1;min-height:0}.tone-word{color:var(--tone-word)}.tone-sheet{color:var(--tone-sheet)}.tone-slide{color:var(--tone-slide)}.tone-pdf{color:var(--tone-pdf)}.tone-template{color:var(--tone-template)}.creation-card.tone-word .creation-icon,.format-pill.tone-word,.recent-icon.tone-word{background:var(--tone-word-soft)}.creation-card.tone-sheet .creation-icon,.format-pill.tone-sheet,.recent-icon.tone-sheet{background:var(--tone-sheet-soft)}.creation-card.tone-slide .creation-icon,.format-pill.tone-slide,.recent-icon.tone-slide{background:var(--tone-slide-soft)}.recent-icon.tone-pdf,.format-pill.tone-pdf{background:var(--tone-pdf-soft)}.template-card.tone-word .template-visual{background:linear-gradient(135deg,#dfe9ff,#f8fbff)}.template-card.tone-sheet .template-visual{background:linear-gradient(135deg,#daf8e3,#f6fffa)}.template-card.tone-slide .template-visual{background:linear-gradient(135deg,#ffe7d5,#fff8f3)}.template-card.tone-pdf .template-visual{background:linear-gradient(135deg,#ffe2e2,#fff7f7)}.template-card.tone-template .template-visual{background:linear-gradient(135deg,#ede7ff,#fbf9ff)}@media(max-width:1200px){.app-shell{padding:8px;gap:8px}.app-sidebar{width:208px}.creation-grid{grid-template-columns:1fr}.hero-link-row{grid-template-columns:auto minmax(0,1fr)}.hero-link-row input,.hero-link-row button{grid-column:1 / -1}}@media(max-width:880px){body{overflow:auto}#root,.app-shell{height:auto;min-height:100vh}.app-shell{flex-direction:column}.app-sidebar{width:100%;padding:14px}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-link{justify-content:center;flex-direction:column;min-height:72px;padding:10px 8px}.workspace{min-height:0}.workspace-topbar,.workspace-scroll,.hero-panel,.section-block{padding-left:14px;padding-right:14px}.workspace-topbar{padding-top:14px;padding-bottom:10px;flex-direction:column;align-items:flex-start}.hero-copy h2{font-size:28px}.hero-dropzone{min-height:160px}.editor-toolbar{flex-wrap:wrap}.editor-actions{width:100%;justify-content:flex-start}}@media(max-width:640px){.sidebar-actions,.format-pills,.hero-actions,.recent-actions,.editor-actions{display:grid;width:100%}.sidebar-nav,.hero-link-row{grid-template-columns:1fr}.hero-link-icon{width:48px;height:48px}.section-header{flex-direction:column;align-items:flex-start}.template-grid{grid-template-columns:1fr}.recent-row{flex-direction:column;align-items:flex-start}.recent-actions,.recent-actions button,.editor-actions button,.hero-actions button{width:100%}}