*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Verdana,Arial,sans-serif;background:#252525;color:#111}button,input,select,textarea{font:inherit}.builder-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 14px;background:#c0c0c0;border-bottom:2px solid #111;box-shadow:inset 1px 1px #fff,inset -1px -1px #808080}.builder-topbar>div{display:flex;flex-direction:column}.builder-topbar>div strong{font-size:17px}.builder-topbar>div span{font-size:12px;color:#333}.builder-topbar nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.builder-topbar a,.builder-topbar button,.button-row a,.button-row button,.file-button,.section-heading button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;color:#111;text-decoration:none;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;cursor:pointer}.builder-topbar .primary,.builder-panel button.primary{font-weight:bold;background:#fff6a5}.builder-layout{display:grid;grid-template-columns:minmax(310px,410px) minmax(0,1fr);min-height:calc(100vh - 61px)}.builder-panel{overflow:auto;max-height:calc(100vh - 61px);background:#dedede;border-right:2px solid #111;padding:10px}.builder-panel section{background:#c0c0c0;border:2px solid;border-color:#fff #505050 #505050 #fff;padding:9px;margin-bottom:10px}.builder-panel h2{font-size:14px;margin:0 0 8px}.builder-panel label{display:flex;flex-direction:column;gap:3px;margin:7px 0;font-size:12px;font-weight:bold}.builder-panel label span{font-weight:normal;color:#555}.builder-panel input[type=text],.builder-panel input:not([type]),.builder-panel select,.builder-panel input[type=url]{width:100%;min-height:28px;padding:4px 6px;background:#fff;border:2px solid;border-color:#555 #fff #fff #555}.builder-panel input[type=color]{width:100%;height:34px;padding:2px;border:2px solid;border-color:#555 #fff #fff #555;background:#fff}.builder-panel input[type=range]{width:100%}.builder-panel output{font-weight:normal}.builder-panel .check{flex-direction:row;align-items:center;gap:7px}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.button-row{display:flex;gap:7px;flex-wrap:wrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.hint{font-size:11px;line-height:1.35;color:#333;margin:5px 0 8px}.control-list{display:flex;flex-direction:column;gap:7px}.icon-control,.group-control{border:1px solid #777;background:#d7d7d7;padding:7px}.control-head{display:flex;align-items:center;gap:7px}.control-head img{width:32px;height:32px;object-fit:contain;image-rendering:auto;background:#aaa;border:1px solid #777}.control-head strong{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 6px}.control-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.control-actions button{padding:4px 7px}.preview-area{padding:14px;overflow:auto;background:linear-gradient(135deg,#202020,#3a3a3a)}.preview-toolbar{display:flex;justify-content:space-between;color:#fff;margin:0 auto 7px;max-width:1180px;font-size:12px}.apindows-preview{--desktop-bg:#008080;--taskbar:#c0c0c0;--taskbar-text:#000;--window:#c0c0c0;--titlebar:#000080;--titlebar-text:#fff;--desktop-text:#fff;--accent:#000080;--icon-scale:1;position:relative;width:min(100%,1180px);aspect-ratio:16/10;margin:0 auto;overflow:hidden;background-color:var(--desktop-bg);background-image:url('/images/background.png');background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #111;box-shadow:0 12px 34px #0008;font-family:Tahoma,sans-serif}.preview-icons{position:absolute;inset:0 0 42px}.preview-icon{position:absolute;width:88px;min-height:80px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;border:1px solid transparent;color:var(--desktop-text);text-shadow:1px 1px #000;cursor:grab;user-select:none;transform:translate(-2%,0) scale(var(--icon-scale));transform-origin:top left}.preview-icon:active{cursor:grabbing}.preview-icon:hover,.preview-icon.dragging{background:#00008055;border-color:#fff8}.preview-icon img{width:48px;height:48px;object-fit:contain;pointer-events:none}.preview-icon span{max-width:86px;font-size:12px;text-align:center;line-height:1.15;overflow-wrap:anywhere;pointer-events:none}.preview-taskbar{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;gap:5px;padding:4px;background:var(--taskbar);color:var(--taskbar-text);border-top:2px solid #fff;box-shadow:inset 0 1px #eee}.preview-start{height:32px;min-width:74px;padding:4px 8px;background:var(--taskbar);color:var(--taskbar-text);font-weight:bold;border:2px solid;border-color:#fff #404040 #404040 #fff}.preview-task-buttons{flex:1;min-width:0;height:30px;border:2px solid;border-color:#777 #fff #fff #777;display:flex;align-items:center;padding:0 8px;overflow:hidden}.preview-task-buttons span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-taskbar time{min-width:82px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid;border-color:#777 #fff #fff #777;font-size:12px}.preview-folder-window{position:absolute;z-index:20;left:22%;top:18%;width:56%;height:54%;display:flex;flex-direction:column;background:var(--window);border:2px solid;border-color:#fff #333 #333 #fff;box-shadow:4px 5px 0 #0005}.preview-folder-window[hidden]{display:none}.preview-window-title{height:28px;background:var(--titlebar);color:var(--titlebar-text);display:flex;align-items:center;justify-content:space-between;padding:3px 4px 3px 7px}.preview-window-title button{width:23px;height:21px;padding:0;background:var(--window);border:2px solid;border-color:#fff #333 #333 #fff;font-weight:bold}.preview-folder-contents{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding:14px;overflow:auto}.folder-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12px}.folder-item img{width:48px;height:48px;object-fit:contain}.publish-result,.builder-status{max-width:1180px;margin:10px auto 0}.publish-result{padding:10px;background:#c0c0c0;border:2px solid;border-color:#fff #444 #444 #fff}.publish-result strong{display:block;margin-bottom:7px}.publish-result input{width:100%;padding:7px;margin-bottom:7px;border:2px solid;border-color:#555 #fff #fff #555}.builder-status{min-height:22px;color:#fff;font-size:13px}.builder-status.error{color:#ffb6b6}.builder-status.success{color:#baffb5}@media(max-width:900px){.builder-topbar{position:static;align-items:flex-start;flex-direction:column}.builder-layout{display:block}.builder-panel{max-height:none;border-right:0;border-bottom:2px solid #111}.preview-area{padding:8px}.apindows-preview{aspect-ratio:4/3}.preview-toolbar{font-size:11px}.preview-icon{width:70px}.preview-icon img{width:42px;height:42px}.preview-folder-window{left:6%;top:12%;width:88%;height:62%}}