.html-preview-tool .html-preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;align-items:stretch;min-height:65vh}@media(max-width:992px){.html-preview-tool .html-preview-layout{grid-template-columns:1fr}}.html-preview-tool .html-preview-panel{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96));border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:20px;box-shadow:0 18px 45px rgba(15,23,42,.07);backdrop-filter:blur(8px);display:flex;flex-direction:column;position:relative}.html-preview-tool .html-preview-panel-header{margin-bottom:14px;flex-shrink:0}.html-preview-tool .html-preview-panel-header h2{margin:0 0 6px;font-size:16px;line-height:1.3;color:var(--secondary-color)}.html-preview-tool .html-preview-panel-header p{margin:0;color:var(--muted-color);font-size:13px;line-height:1.5}.html-preview-tool .html-preview-panel-header.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.html-preview-tool .html-preview-panel-header.output-header h2{margin:0}.html-preview-tool .html-code-input{width:100%;flex:1;min-height:450px;resize:none;padding:16px;border-radius:12px;background:#fafafa;color:#1e1e1e;border:1px solid #d1d5db;font-family:Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;box-sizing:border-box}.html-preview-tool .html-code-input::-moz-placeholder{color:#9ca3af}.html-preview-tool .html-code-input::placeholder{color:#9ca3af}.html-preview-tool .html-code-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.html-preview-tool .html-iframe-wrapper{flex:1;min-height:450px;border:1px solid var(--border-color);border-radius:12px;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}.html-preview-tool .html-live-iframe{width:100%;height:100%;border:none;flex:1;background:#fff}.html-preview-tool .html-empty-preview{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted-color);font-size:14px;background:var(--bg-hover);flex:1}.html-preview-tool .html-output-section.web-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0;margin:0;padding:20px;box-sizing:border-box;background:#fff}.html-preview-tool .html-output-section.web-fullscreen .html-iframe-wrapper{min-height:0}