*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Courier New,Courier,monospace;background:#1a1a1a}.layout{width:100%;height:100%;position:relative;border:1px solid #333;box-sizing:border-box}.split-container{display:flex;width:100%;height:100%}.split-horizontal{flex-direction:row}.split-vertical{flex-direction:column}.split-pane{overflow:hidden;position:relative}.split-handle{background:#333;flex-shrink:0}.split-handle:hover{background:#4a90d9}.split-handle-horizontal{width:4px;cursor:col-resize}.split-handle-vertical{height:4px;cursor:row-resize}.tile{width:100%;height:100%;position:relative;background:#222;border:1px solid #333}.tile-iframe{width:100%;height:100%;border:none;background:#fff}.empty-tile-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.add-url-button{padding:12px 24px;font-size:16px;font-family:inherit;background:#333;color:#4a90d9;border:1px solid #4a90d9;cursor:pointer}.add-url-button:hover{background:#4a90d9;color:#000}.url-form{display:flex;flex-direction:column;gap:12px;width:80%;max-width:400px}.url-input{padding:12px 16px;font-size:14px;font-family:inherit;border:1px solid #444;background:#2a2a2a;color:#fff;outline:none}.url-input:focus{border-color:#4a90d9}.url-input::placeholder{color:#666}.url-form-buttons{display:flex;gap:8px;justify-content:center}.url-submit,.url-cancel{padding:10px 20px;font-size:14px;font-family:inherit;border:1px solid #444;cursor:pointer}.url-submit{background:#333;color:#4a90d9;border-color:#4a90d9}.url-submit:hover{background:#4a90d9;color:#000}.url-cancel{background:#333;color:#888}.url-cancel:hover{background:#444;color:#aaa}.empty-tile-help{margin-top:24px;text-align:center;color:#666;font-size:12px;line-height:1.8}.empty-tile-help p{margin:0}.hover-zone{position:absolute;opacity:0;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;background:#4a90d933}.hover-zone:hover{opacity:1}.hover-zone-indicator{color:#4a90d9;font-size:24px;font-weight:700;font-family:inherit;pointer-events:none}.hover-zone-top{top:0;left:0;right:0;height:24px;border-bottom:1px solid #4a90d9}.hover-zone-bottom{bottom:0;left:0;right:0;height:24px;border-top:1px solid #4a90d9}.hover-zone-left{top:0;bottom:0;left:0;width:24px;border-right:1px solid #4a90d9}.hover-zone-right{top:0;bottom:0;right:0;width:24px;border-left:1px solid #4a90d9}.toolbar-trigger{position:fixed;top:0;left:0;width:40px;height:40px;z-index:100}.hover-toolbar{position:fixed;top:8px;left:8px;display:flex;gap:8px;padding:8px;background:#1a1a1a;border:1px solid #444;z-index:99;opacity:0;pointer-events:none}.hover-toolbar.visible{opacity:1;pointer-events:auto}.hover-toolbar button{padding:8px 16px;font-size:13px;font-family:inherit;background:#333;color:#ddd;border:1px solid #444;cursor:pointer}.hover-toolbar button:hover{background:#444;border-color:#555}.toolbar-form{display:flex;gap:8px}.toolbar-input{padding:8px 16px;font-size:13px;font-family:inherit;background:#333;color:#fff;border:1px solid #444;outline:none;min-width:150px}.toolbar-input:focus{border-color:#4a90d9}.toolbar-load{display:flex;flex-direction:column;gap:8px}.toolbar-config-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.toolbar-config-item{display:flex;gap:4px}.toolbar-config-name{flex:1;text-align:left}.toolbar-config-action{padding:8px 12px;color:#888}.toolbar-config-action:hover{color:#4a90d9}.toolbar-config-action.copied{color:#5cb85c}.toolbar-config-delete:hover{color:#ff6b6b}.toolbar-empty{color:#666;font-size:13px;padding:8px 0}.tile-menu-trigger{position:absolute;bottom:0;right:0;width:40px;height:40px;z-index:21}.tile-menu{position:absolute;bottom:8px;right:8px;display:flex;gap:8px;padding:8px;background:#1a1a1a;border:1px solid #444;z-index:20;opacity:0;pointer-events:none}.tile-menu.visible{opacity:1;pointer-events:auto}.tile-menu-btn{padding:8px 16px;font-size:13px;font-family:inherit;background:#333;color:#ddd;border:1px solid #444;cursor:pointer}.tile-menu-btn:hover{background:#444;border-color:#555}.tile-menu-form{display:flex;flex-direction:column;gap:8px}.tile-menu-input{padding:8px 16px;font-size:13px;font-family:inherit;background:#333;color:#fff;border:1px solid #444;outline:none;min-width:200px}.tile-menu-input:focus{border-color:#4a90d9}.tile-menu-buttons{display:flex;gap:8px;justify-content:flex-end}