.scratch-test-page[data-v-fe16e4e6]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);padding:20px}.test-header[data-v-fe16e4e6]{text-align:center;color:#fff;margin-bottom:30px}.test-header h1[data-v-fe16e4e6]{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.test-header p[data-v-fe16e4e6]{font-size:1.2rem;opacity:.9}.test-controls[data-v-fe16e4e6]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.test-controls .control-card .control-section[data-v-fe16e4e6],.test-controls .log-card .control-section[data-v-fe16e4e6]{margin:15px 0}.test-controls .control-card .control-section h4[data-v-fe16e4e6],.test-controls .log-card .control-section h4[data-v-fe16e4e6]{color:#1e3c72;margin-bottom:10px;font-weight:600}.test-controls .control-card .button-group[data-v-fe16e4e6],.test-controls .log-card .button-group[data-v-fe16e4e6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.log-container[data-v-fe16e4e6]{max-height:400px;overflow-y:auto}.log-container .log-item[data-v-fe16e4e6]{padding:8px 12px;margin-bottom:5px;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.log-container .log-item.log-info[data-v-fe16e4e6]{background:#e6f7ff;border-left:3px solid #1890ff}.log-container .log-item.log-success[data-v-fe16e4e6]{background:#f6ffed;border-left:3px solid #52c41a}.log-container .log-item.log-warning[data-v-fe16e4e6]{background:#fffbe6;border-left:3px solid #faad14}.log-container .log-item.log-error[data-v-fe16e4e6]{background:#fff1f0;border-left:3px solid #ff4d4f}.log-container .log-time[data-v-fe16e4e6]{color:#8c8c8c;margin-right:10px;min-width:70px}.log-container .log-message[data-v-fe16e4e6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.log-container .log-empty[data-v-fe16e4e6]{text-align:center;color:#999;padding:40px;font-style:italic}.editor-container[data-v-fe16e4e6]{margin-bottom:20px}.test-results .result-item h4[data-v-fe16e4e6]{color:#1e3c72;margin-bottom:15px}.test-results .result-item .result-code[data-v-fe16e4e6]{background:#f5f7fa;padding:15px;border-radius:8px;overflow-x:auto;max-height:300px;font-size:.85rem}.test-results .result-item .result-empty[data-v-fe16e4e6]{text-align:center;color:#999;padding:40px;background:#f5f7fa;border-radius:8px}.test-results .result-item .thumbnail[data-v-fe16e4e6]{width:100%;border-radius:8px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1)}@media (max-width:1024px){.test-controls[data-v-fe16e4e6]{grid-template-columns:1fr}}