.app-doc{padding:14px 16px;background:#fff;font-size:14px;line-height:1.7;height:100%;overflow:auto;}.app-doc h2{font-size:17px;margin-bottom:8px;color:var(--luna-blue-deep);}.app-doc h3{font-size:14px;margin:12px 0 4px;}.app-doc p + p{margin-top:8px;}.app-doc a{color:#0a3fa8;}.app-doc ul{margin:6px 0 6px 18px;}.app-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-top:6px;border:1px solid #7f9db9;border-radius:3px;background:linear-gradient(to bottom,#fdfdfd,#e3e9f2);font-size:13px;cursor:pointer;}.app-btn:hover{border-color:var(--luna-blue);}.app-btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}.app-notes{display:flex;flex-direction:column;height:100%;}.app-notes-toolbar{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#ece9d8;border-bottom:1px solid #b8b4a0;font-size:12px;}.app-notes-toolbar button{padding:3px 10px;border:1px solid #9aa7bb;border-radius:3px;background:linear-gradient(to bottom,#fff,#e6ebf3);cursor:pointer;font-size:12px;}.app-notes-toolbar .grow{flex:1;}.app-notes-status{color:var(--muted);}.app-notes textarea{flex:1;width:100%;border:none;padding:10px 12px;resize:none;font:14px/1.6 Consolas,"Courier New",Menlo,monospace;background:#fff;outline:none;}.app-calc{display:flex;flex-direction:column;height:100%;padding:10px;gap:8px;background:#ece9d8;}.app-calc-display{height:46px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-size:26px;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #7f9db9;border-radius:3px;overflow:hidden;}.app-calc-keys{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}.app-calc-keys button{border:1px solid #9aa7bb;border-radius:4px;background:linear-gradient(to bottom,#ffffff,#dde4ee);font-size:16px;cursor:pointer;}.app-calc-keys button:hover{border-color:var(--luna-blue);}.app-calc-keys button:active{background:linear-gradient(to bottom,#d4ddea,#c4cfdf);}.app-calc-keys .op{background:linear-gradient(to bottom,#dfeafe,#bcd6f7);font-weight:700;}.app-calc-keys .eq{background:linear-gradient(to bottom,#5fa0ff,#2f72e6);color:#fff;font-weight:700;}.app-calc-keys .fn{background:linear-gradient(to bottom,#fbe6c9,#f3cf9c);}.app-paint{display:flex;flex-direction:column;height:100%;}.app-paint-toolbar{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ece9d8;border-bottom:1px solid #b8b4a0;flex-wrap:wrap;}.app-paint-toolbar label{display:flex;align-items:center;gap:4px;font-size:12px;}.app-paint-toolbar button{padding:4px 10px;border:1px solid #9aa7bb;border-radius:3px;background:linear-gradient(to bottom,#fff,#e6ebf3);cursor:pointer;font-size:12px;}.app-paint-toolbar button.is-active{background:linear-gradient(to bottom,#bcd6f7,#8fb8ec);border-color:var(--luna-blue);}.app-paint-swatches{display:flex;gap:3px;}.app-paint-swatches button{width:18px;height:18px;padding:0;border:1px solid rgba(0,0,0,0.3);border-radius:2px;cursor:pointer;}.app-paint-canvas-wrap{flex:1;overflow:auto;background:#808080;display:grid;place-items:center;padding:8px;}.app-paint canvas{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.4);cursor:crosshair;touch-action:none;}.app-explorer{display:flex;height:100%;background:#fff;}.app-explorer-side{width:150px;flex-shrink:0;padding:10px 8px;background:linear-gradient(to bottom,#7aa6e6,#5586d6);color:#fff;overflow:auto;}.app-explorer-side h4{font-size:12px;margin:8px 4px 4px;opacity:0.85;}.app-explorer-side button{width:100%;text-align:left;padding:5px 8px;border:none;border-radius:3px;background:transparent;color:#fff;font-size:12px;cursor:pointer;}.app-explorer-side button:hover,.app-explorer-side button.is-active{background:rgba(255,255,255,0.22);}.app-explorer-main{flex:1;display:flex;flex-direction:column;min-width:0;}.app-explorer-path{padding:5px 10px;background:#ece9d8;border-bottom:1px solid #b8b4a0;font-size:12px;color:var(--muted);}.app-explorer-items{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:12px;overflow:auto;}.fs-item{width:88px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid transparent;border-radius:3px;background:transparent;cursor:pointer;text-align:center;}.fs-item:hover{background:#eaf1fb;border-color:#bcd6f7;}.fs-item .fs-glyph{font-size:34px;line-height:1;}.fs-item .fs-glyph .xp-ico{width:34px;height:34px;}.app-explorer-side .xp-ico{width:15px;height:15px;vertical-align:-3px;margin-right:2px;}.fs-item .fs-name{font-size:12px;word-break:break-all;}.app-explorer-empty{color:var(--muted);font-size:13px;padding:20px;}.app-image{height:100%;display:grid;place-items:center;background:#2b2b2b;overflow:auto;}.app-image img{max-width:100%;max-height:100%;box-shadow:0 2px 10px rgba(0,0,0,0.6);}.app-settings{padding:14px 16px;height:100%;overflow:auto;background:#fff;font-size:13px;}.app-settings h3{font-size:14px;margin:14px 0 8px;color:var(--luna-blue-deep);}.app-settings h3:first-child{margin-top:0;}.settings-themes{display:flex;flex-wrap:wrap;gap:8px;}.settings-theme{padding:6px 14px;border:1px solid #9aa7bb;border-radius:4px;background:linear-gradient(to bottom,#fdfdfd,#e3e9f2);font-size:13px;cursor:pointer;}.settings-theme.is-active{border-color:var(--luna-blue);box-shadow:0 0 0 2px rgba(12,89,214,0.3);font-weight:700;}.settings-hint{font-size:12px;color:var(--muted);margin-top:6px;}.settings-wallpapers{display:flex;flex-wrap:wrap;gap:8px;}.settings-wp{width:86px;height:60px;border:2px solid #b8b4a0;border-radius:4px;cursor:pointer;background-size:cover;background-position:center;}.settings-wp.is-active{border-color:var(--luna-blue);box-shadow:0 0 0 2px rgba(12,89,214,0.35);}.settings-row{display:flex;align-items:center;gap:8px;margin:8px 0;}