.browser-simulator[data-v-99fc3abe]{height:100%;display:flex;flex-direction:column}.simulator-container[data-v-99fc3abe]{display:flex;gap:16px;height:calc(100vh - 200px);min-height:600px}.config-panel[data-v-99fc3abe]{width:400px;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:8px;padding:16px;overflow-y:auto;position:relative;transition:all .3s ease}.config-panel.collapsed[data-v-99fc3abe]{width:50px;padding:16px 0}.collapse-toggle[data-v-99fc3abe]{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:48px;background:var(--el-border-color);border:1px solid var(--el-border-color-darker);border-left:none;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--el-text-color-regular);font-size:14px}.collapse-toggle[data-v-99fc3abe]:hover{background:var(--el-fill-color-darker);border-color:var(--el-border-color-darker);color:var(--el-text-color-primary)}.config-panel.collapsed .collapse-toggle[data-v-99fc3abe]{background:var(--el-fill-color-light);border-color:var(--el-border-color)}.config-panel.collapsed .collapse-toggle[data-v-99fc3abe]:hover{background:var(--el-fill-color);border-color:var(--el-border-color-darker)}@keyframes pulse-hint-99fc3abe{0%{background:var(--el-border-color)}50%{background:var(--el-color-primary-light-7)}to{background:var(--el-border-color)}}.collapse-toggle.show-hint[data-v-99fc3abe]{animation:pulse-hint-99fc3abe 2s ease-in-out 3}.collapse-hint-text[data-v-99fc3abe]{position:absolute;left:30px;white-space:nowrap;background:var(--el-bg-color);border:1px solid var(--el-border-color);padding:2px 8px;border-radius:4px;font-size:12px;color:var(--el-text-color-regular);box-shadow:0 2px 4px #0000001a;pointer-events:none;animation:fadeInOut-99fc3abe 2s ease-in-out 3}@keyframes fadeInOut-99fc3abe{0%,to{opacity:0}50%{opacity:1}}.config-content[data-v-99fc3abe]{opacity:1;transition:opacity .3s ease}.config-panel.collapsed .config-content[data-v-99fc3abe]{opacity:0;pointer-events:none}.preview-panel[data-v-99fc3abe]{flex:1;display:flex;flex-direction:column;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:8px;overflow:hidden;position:relative}.toolbar[data-v-99fc3abe],.config-section[data-v-99fc3abe]{margin-bottom:16px}.config-section h4[data-v-99fc3abe]{margin:0 0 8px;font-size:14px;color:var(--el-text-color-regular)}.config-collapse[data-v-99fc3abe]{border:none}.config-collapse[data-v-99fc3abe] .el-collapse-item__header{background:var(--el-fill-color-light);border-radius:4px;margin-bottom:8px;padding:0 12px;height:40px}.config-collapse[data-v-99fc3abe] .el-collapse-item__content{padding:0}.collapse-title[data-v-99fc3abe]{display:flex;align-items:center;gap:8px;font-size:14px}.preview-header[data-v-99fc3abe]{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--el-border-color);background:var(--el-fill-color-lighter)}.preview-header[data-v-99fc3abe] .el-input{flex:1}.preview-controls[data-v-99fc3abe]{display:flex;gap:8px}.simulation-status[data-v-99fc3abe]{padding:8px 12px;background:var(--el-color-success-light-9);border-bottom:1px solid var(--el-border-color);display:flex;align-items:center;gap:12px;flex-shrink:0}.preview-content[data-v-99fc3abe]{flex:1;position:relative;background:var(--el-fill-color-blank);overflow:auto}.preview-placeholder[data-v-99fc3abe]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--el-text-color-secondary)}.device-container[data-v-99fc3abe]{display:inline-block;transition:all .3s ease}.device-frame[data-v-99fc3abe]{background:#000;border:3px solid #333;box-shadow:0 20px 60px #0000004d;overflow:hidden;transition:all .3s ease;position:relative;transform-origin:top left}.device-info[data-v-99fc3abe]{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--el-bg-color);color:var(--el-text-color-primary);padding:4px 16px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0000001a;z-index:1}.iframe-wrapper[data-v-99fc3abe]{background:#fff;overflow:hidden;position:relative}.preview-iframe[data-v-99fc3abe]{width:100%;height:100%;border:none;display:block;background:#fff;color-scheme:light;position:absolute;top:0;left:0}@media (max-width: 1200px){.simulator-container[data-v-99fc3abe]{flex-direction:column;height:auto}.config-panel[data-v-99fc3abe]{width:100%;max-height:400px}.preview-panel[data-v-99fc3abe]{min-height:500px}}.dark{background:var(--el-bg-color)}.dark{background:var(--el-fill-color)}.actual-size-mode[data-v-99fc3abe]{background-image:linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:20px 20px;background-position:center;background-attachment:local;scroll-behavior:smooth}.dark{background-image:linear-gradient(to right,#333 1px,transparent 1px),linear-gradient(to bottom,#333 1px,transparent 1px)}.actual-size-mode .device-frame-wrapper[data-v-99fc3abe]{padding:100px}.device-frame-wrapper[data-v-99fc3abe]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;width:max-content;min-width:100%;min-height:100%;margin:0 auto;box-sizing:border-box}.size-indicator[data-v-99fc3abe]{margin-top:20px}.preview-content[data-v-99fc3abe]::-webkit-scrollbar{width:12px;height:12px}.preview-content[data-v-99fc3abe]::-webkit-scrollbar-track{background:var(--el-fill-color-light);border-radius:6px}.preview-content[data-v-99fc3abe]::-webkit-scrollbar-thumb{background:var(--el-border-color-darker);border-radius:6px;transition:background .3s}.preview-content[data-v-99fc3abe]::-webkit-scrollbar-thumb:hover{background:var(--el-color-primary)}.preview-content[data-v-99fc3abe]::-webkit-scrollbar-corner{background:var(--el-fill-color-light)}.log-panel[data-v-99fc3abe]{position:fixed;bottom:0;left:0;right:0;background:var(--el-bg-color);border-top:1px solid var(--el-border-color);z-index:100;transition:transform .3s ease}.log-panel.collapsed[data-v-99fc3abe]{transform:translateY(calc(100% - 40px))}.log-panel-header[data-v-99fc3abe]{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color)}.log-panel-title[data-v-99fc3abe]{display:flex;align-items:center;gap:8px;font-weight:500}.log-panel-controls[data-v-99fc3abe]{display:flex;align-items:center;gap:8px}.log-panel-content[data-v-99fc3abe]{height:200px;overflow:hidden}.log-entries[data-v-99fc3abe]{height:100%;overflow-y:auto;padding:8px}.log-entry[data-v-99fc3abe]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;margin-bottom:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.5}.log-entry[data-v-99fc3abe]:hover{background:var(--el-fill-color-light)}.log-entry.log-debug[data-v-99fc3abe]{color:var(--el-color-info)}.log-entry.log-info[data-v-99fc3abe]{color:var(--el-color-success)}.log-entry.log-warning[data-v-99fc3abe]{color:var(--el-color-warning)}.log-entry.log-error[data-v-99fc3abe]{color:var(--el-color-danger)}.log-time[data-v-99fc3abe]{color:var(--el-text-color-secondary);white-space:nowrap}.log-category[data-v-99fc3abe]{color:var(--el-text-color-regular);font-weight:500}.log-message[data-v-99fc3abe]{flex:1}.log-empty[data-v-99fc3abe]{text-align:center;color:var(--el-text-color-secondary);padding:32px}