:root{color-scheme:dark;--bg:#090d12;--panel:#111821;--panel2:#0c1219;--border:#293540;--text:#eef4f8;--muted:#91a2b2;--cyan:#20c8f3}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 55% -25%,#233647 0,#090d12 55%);color:var(--text);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
button,input{font:inherit}.app-shell{width:min(1500px,calc(100% - 32px));margin:auto;padding:18px 0}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:10px;align-items:start}
.controls,.graph-card{border:1px solid var(--border);border-radius:16px;background:rgba(17,24,33,.96);box-shadow:0 18px 70px #0008}.controls{padding:18px;position:sticky;top:18px}.panel-heading,.graph-header,.list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{margin:0 0 4px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.025em}h1{font-size:1.25rem}h2{font-size:1.35rem}
.count-badge{display:grid;place-items:center;min-width:34px;height:28px;border:1px solid #36505e;border-radius:999px;color:var(--cyan);background:#15232d;font-size:.8rem;font-weight:800}.drop-zone{display:grid;place-items:center;gap:4px;margin:16px 0 14px;padding:22px 10px;border:1px dashed #3d5969;border-radius:10px;color:#d8e3ea;background:#0c151d;cursor:pointer;outline:0;transition:.15s}.drop-zone strong{font-size:.9rem}.drop-zone span{color:var(--muted);font-size:.72rem}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragover{border-color:var(--cyan);background:#10232d;box-shadow:inset 0 0 0 1px #20c8f333}
.list-heading{margin-bottom:8px;color:#c8d3dc;font-size:.78rem;font-weight:700}.list-tools{display:flex;align-items:center;gap:6px}.list-heading button,.copy-graph{padding:7px 12px;border:1px solid #3c5160;border-radius:7px;color:#d8e3ea;background:#192630;font-size:.76rem;font-weight:700;cursor:pointer;transition:.15s}.list-heading button{padding:4px 9px}.list-heading button:hover,.copy-graph:not(:disabled):hover{border-color:var(--cyan);color:#fff;background:#1d303b}.list-heading button:disabled{opacity:.5;cursor:wait}.copy-graph:disabled{opacity:.4;cursor:default}.copy-graph.success{border-color:#45e386;color:#45e386}.copy-graph.error{border-color:#ff655e;color:#ff8a84}
.amf-list{height:calc(100vh - 268px);min-height:280px;max-height:590px;overflow:auto;border:1px solid #27323d;border-radius:9px;background:var(--panel2);scrollbar-color:#425463 transparent}.amf-item{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;border:0;border-bottom:1px solid #202a34;color:#b7c3cd;background:transparent;text-align:left;cursor:pointer}.amf-item:last-child{border-bottom:0}.amf-item:hover{background:#17222c;color:#fff}.amf-item.selected{color:#fff;background:#18303d;box-shadow:inset 3px 0 var(--cyan)}.file-icon{flex:0 0 auto;color:var(--cyan);font:800 .64rem ui-monospace,monospace}.file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.list-empty{display:grid;place-items:center;height:100%;padding:20px;color:#60717f;font-size:.78rem;text-align:center}.hint{margin:12px 2px 0;color:var(--muted);font-size:.72rem;line-height:1.6}
.graph-card{min-width:0;padding:16px}.graph-header{min-height:60px;margin-bottom:10px}.graph-title-block{min-width:0}.selected-name{max-width:min(70vw,780px);margin:5px 0 0;color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-viewport{position:relative;height:min(520px,calc(100vh - 145px));min-height:360px;border:1px solid #26313b;border-radius:11px;overflow:auto;background:#000;scrollbar-color:#425463 #0a0d10}.pipeline-viewport canvas{display:block;min-width:100%;min-height:100%}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--muted);text-align:center}.empty-state[hidden]{display:none}.empty-state strong{color:#c5d0d8;font-size:.95rem}.empty-state>span:last-child{font-size:.76rem}.empty-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:5px;border:1px solid #33515f;border-radius:14px;color:var(--cyan);background:#11212b;font:800 .8rem ui-monospace,monospace}.status{min-height:20px;padding:8px 4px 0;color:var(--muted);font-size:.75rem}.status.error{color:#ff8a84}
.pixcal-app-language-switcher{position:fixed;top:10px;right:12px;z-index:10000;padding:6px 30px 6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#071017;color:#fff!important;font:600 12px/1.2 system-ui,sans-serif;cursor:pointer}.pixcal-app-language-switcher:hover,.pixcal-app-language-switcher:focus{border-color:#30c8ff;background:#102735;outline:none}
@media(max-width:880px){.app-shell{width:calc(100% - 18px);padding-top:9px}.workspace{grid-template-columns:1fr}.controls{position:static}.amf-list{height:220px;min-height:0}.graph-card{padding:10px}.pipeline-viewport{height:390px;min-height:320px}.graph-header{padding:4px}.copy-graph{padding:6px 9px;font-size:.7rem}}