.widget-weather-generator-page[data-v-27ae7590]{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.main-flex-layout[data-v-27ae7590]{align-items:flex-start}.preview-device-tabs .q-tab[data-v-27ae7590]{min-width:120px;font-weight:500;font-size:15px}.preview-container[data-v-27ae7590]{position:relative;overflow:auto}.preview-container[data-v-27ae7590]:hover{border-color:#1976d2}.scrollable-preview[data-v-27ae7590]{overflow:auto!important;max-width:100%;max-height:700px}.widget-iframe[data-v-27ae7590]{transition:transform 0.2s ease}.widget-iframe[data-v-27ae7590]:hover{transform:scale(1.02)}.code-container[data-v-27ae7590]{position:relative;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.code-block[data-v-27ae7590]{background:linear-gradient(135deg,#2d3748,#1a202c);color:#e2e8f0;border:none;border-radius:8px;padding:24px;margin:0;overflow-x:auto;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.code-block code[data-v-27ae7590]{font-family:inherit;color:#81e6d9;font-weight:500}.copy-btn[data-v-27ae7590]{border-radius:8px;padding:8px 16px;font-weight:600;letter-spacing:0.5px;transition:all 0.2s ease}.copy-btn[data-v-27ae7590]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,118,210,0.3)}.color-preview[data-v-27ae7590]{width:24px;height:24px;border-radius:4px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1)}.body--dark .widget-weather-generator-page[data-v-27ae7590]{background:linear-gradient(135deg,#1a1a1a,#2d3748)}.body--dark .code-block[data-v-27ae7590]{background:linear-gradient(135deg,#0d1117,#161b22);color:#f0f6fc}.body--dark .code-block code[data-v-27ae7590]{color:#79c0ff}@media (max-width:1023px){.main-flex-layout[data-v-27ae7590]{flex-direction:column}.col-12[data-v-27ae7590],.col-md-6[data-v-27ae7590]{max-width:100%;flex:0 0 100%}}@media (max-width:768px){.preview-container[data-v-27ae7590],.widget-weather-generator-page[data-v-27ae7590]{padding:16px}.code-block[data-v-27ae7590]{padding:16px;font-size:12px}}