.vertical-container{display:grid;grid-template-columns:380px 1fr;gap:24px;margin-bottom:24px}.control-section{background:linear-gradient(135deg, #fff, #f8fafc);border-radius:24px;padding:20px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 4px 20px rgba(0,0,0,0.03)}.control-card{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}.control-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-card h3{font-size:0.95rem;font-weight:600;margin-bottom:16px;color:var(--gray-700);display:flex;align-items:center;gap:8px}.vertical-textarea{width:100%;min-height:150px;padding:16px;border:1px solid var(--gray-200);border-radius:16px;font-family:'Inter',monospace;font-size:0.9rem;line-height:1.6;resize:vertical}.vertical-textarea:focus{outline:none;border-color:var(--primary-color)}.input-stats{margin-top:10px;font-size:0.7rem;color:var(--gray-400);display:flex;gap:16px}.setting-group{margin-bottom:16px}.setting-group label{display:block;font-size:0.75rem;font-weight:600;color:var(--gray-500);margin-bottom:8px}.range-group{display:flex;align-items:center;gap:16px}.range-group input{flex:1}.range-group span{min-width:45px;font-size:0.8rem;color:var(--gray-600)}.paper-buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:16px}.paper-btn{background:white;border:1px solid var(--gray-200);padding:8px 12px;border-radius:12px;font-size:0.75rem;cursor:pointer;transition:all 0.2s;text-align:center}.paper-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:white}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:0.8rem}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.action-buttons button{flex:1;padding:10px;font-size:0.8rem;border-radius:40px}.preview-section{background:var(--gray-50);border-radius:24px;overflow:hidden;border:1px solid var(--gray-200);display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:white;border-bottom:1px solid var(--gray-200);font-weight:500}.preview-tools{display:flex;gap:8px}.preview-container{flex:1;min-height:500px;padding:30px;overflow:auto;background:#e8e0d4;display:flex;justify-content:center;align-items:center}.vertical-wrapper{display:inline-block;transition:transform 0.3s}.vertical-display{writing-mode:vertical-rl;text-orientation:mixed;font-family:'Noto Serif SC','华文楷书','KaiTi',serif;background:#fdf6e3;padding:30px 20px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.1);line-height:1.8;letter-spacing:4px;font-size:20px;color:#2c2418}.vertical-wrapper[data-paper="ancient"] .vertical-display{background:#f5e6c8;background-image:radial-gradient(circle at 25% 40%, rgba(210,180,140,0.1) 2%, transparent 2.5%),radial-gradient(circle at 75% 80%, rgba(160,120,80,0.08) 1.5%, transparent 2%);background-size:40px 40px, 30px 30px}.vertical-wrapper[data-paper="rice"] .vertical-display{background:#faf0e0;position:relative}.vertical-wrapper[data-paper="rice"] .vertical-display::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, rgba(160,120,80,0.05) 0, rgba(160,120,80,0.05) 1px, transparent 1px, transparent 30px);pointer-events:none}.vertical-wrapper[data-paper="bamboo"] .vertical-display{background:linear-gradient(90deg, #c8a86b, #d4b87a);background-image:repeating-linear-gradient(90deg, rgba(80,50,20,0.1) 0, rgba(80,50,20,0.1) 2px, transparent 2px, transparent 25px);border-left:4px solid #8B6914;border-right:4px solid #8B6914}.vertical-wrapper[data-paper="silk"] .vertical-display{background:#e8d5b8;background-image:linear-gradient(45deg, rgba(200,160,120,0.1) 25%, transparent 25%),linear-gradient(-45deg, rgba(200,160,120,0.1) 25%, transparent 25%);background-size:20px 20px}.vertical-wrapper[data-paper="parchment"] .vertical-display{background:#e8dcc8;background-image:radial-gradient(circle at 50% 30%, rgba(100,60,20,0.05) 5%, transparent 6%);background-size:15px 15px;border:1px solid #c4a572}.vertical-wrapper[data-paper="clean"] .vertical-display{background:#ffffff}.vertical-wrapper[data-border="classic"] .vertical-display{border:2px solid #c4a572;box-shadow:inset 0 0 0 4px #f0e4cc,0 4px 15px rgba(0,0,0,0.1)}.vertical-wrapper[data-border="ornate"] .vertical-display{border:1px solid #c4a572;box-shadow:inset 0 0 0 4px #f0e4cc,inset 0 0 0 8px #e8d4b0,0 4px 15px rgba(0,0,0,0.1)}.vertical-wrapper[data-border="simple"] .vertical-display{border:1px solid #ccc;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.vertical-wrapper.has-seal .vertical-display::after{content:'⚡深客';position:absolute;bottom:20px;right:20px;font-size:12px;color:#c0392b;font-family:'Noto Serif SC',serif;writing-mode:horizontal-tb;border:1px solid #c0392b;padding:2px 6px;border-radius:2px;background:rgba(192,57,43,0.05);transform:rotate(-10deg)}.vertical-display.line-numbers{position:relative}.vertical-display.line-numbers::before{content:attr(data-line-nums);position:absolute;left:5px;top:0;bottom:0;width:20px;font-size:10px;color:#999;writing-mode:horizontal-tb;text-align:right;display:flex;flex-direction:column;justify-content:space-around}.vertical-display.rtl{direction:rtl}.info-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;padding:16px}@media (max-width:1024px){.vertical-container{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width:768px){.paper-buttons{grid-template-columns:1fr}.action-buttons{flex-direction:column}.info-grid{grid-template-columns:1fr}}