.parallax-tool-app{--pt-bg: #090b10;--pt-panel: #111722;--pt-panel-2: #151d2b;--pt-panel-3: #1b2637;--pt-text: #e8edf5;--pt-muted: #9aa7b8;--pt-line: #29364b;--pt-accent: var(--color-gold);--pt-accent-2: var(--color-accent-light);--pt-danger: #ef8f8f;--pt-ok: #9bd68b;--pt-shadow: rgb(0 0 0 / .35);--pt-radius: 14px;--pt-radius-sm: 9px;--pt-header-offset: 4.65rem;--pt-font: var(--font-body);width:100%;height:calc(100dvh - var(--pt-header-offset));min-height:44rem;display:grid;grid-template-columns:minmax(18rem,19rem) minmax(0,1fr) minmax(18rem,19rem);background:radial-gradient(circle at top left,rgb(var(--color-gold-rgb) / .12),transparent 35rem),radial-gradient(circle at bottom right,rgb(var(--color-accent-rgb) / .12),transparent 32rem),var(--pt-bg);color:var(--pt-text);font-family:var(--pt-font);line-height:1.45;overflow:hidden}[data-theme=light] .parallax-tool-app{--pt-bg: #f3ead9;--pt-panel: #fff8ec;--pt-panel-2: #f5e6cc;--pt-panel-3: #ead7b8;--pt-text: var(--color-text-dark);--pt-muted: #5d6780;--pt-line: rgb(140 95 79 / .28);--pt-accent: var(--color-accent);--pt-accent-2: var(--color-leather);--pt-danger: #b55454;--pt-ok: #4b7c3b;--pt-shadow: rgb(71 42 18 / .18);background:radial-gradient(circle at top left,rgb(var(--color-accent-rgb) / .12),transparent 35rem),radial-gradient(circle at bottom right,rgb(var(--color-gold-rgb) / .16),transparent 32rem),var(--pt-bg)}.parallax-tool-app *{box-sizing:border-box}.parallax-tool-app button,.parallax-tool-app input,.parallax-tool-app select,.parallax-tool-app textarea{font:inherit}.parallax-tool-app button{border:1px solid var(--pt-line);background:linear-gradient(180deg,#1f2a3d,#151d2b);color:var(--pt-text);border-radius:10px;padding:.55rem .75rem;cursor:pointer;white-space:nowrap}[data-theme=light] .parallax-tool-app button{background:linear-gradient(180deg,#fff7ea,#efe0c7)}.parallax-tool-app button:hover{border-color:rgb(var(--color-gold-rgb) / .75);background:linear-gradient(180deg,#26334a,#182236)}[data-theme=light] .parallax-tool-app button:hover{background:linear-gradient(180deg,#fffdf7,#f2dfbf)}.parallax-tool-app button:active{transform:translateY(1px)}.parallax-tool-app button.primary{background:linear-gradient(180deg,var(--color-gold),#9a672b);border-color:#e2b86d;color:#120d06;font-weight:800;box-shadow:0 .8rem 1.4rem rgb(var(--color-gold-rgb) / .2)}[data-theme=light] .parallax-tool-app button.primary{background:linear-gradient(180deg,var(--color-accent-hover),var(--color-accent));border-color:rgb(var(--color-accent-rgb) / .76);color:#fff8ec}.parallax-tool-app button.danger{border-color:#ef6b6b8c;color:#ffd9d9}[data-theme=light] .parallax-tool-app button.danger{color:var(--pt-danger)}.parallax-tool-app button.small{padding:.35rem .5rem;font-size:.82rem;border-radius:8px}.parallax-tool-app input[type=text],.parallax-tool-app input[type=number],.parallax-tool-app input[type=color],.parallax-tool-app select,.parallax-tool-app textarea{min-width:0;color:var(--pt-text);background:#0b1018;border:1px solid var(--pt-line);border-radius:8px;padding:.45rem .5rem}[data-theme=light] .parallax-tool-app input[type=text],[data-theme=light] .parallax-tool-app input[type=number],[data-theme=light] .parallax-tool-app input[type=color],[data-theme=light] .parallax-tool-app select,[data-theme=light] .parallax-tool-app textarea{background:#ffffffbd}.parallax-tool-app input[type=color]{width:44px;height:34px;padding:3px}.parallax-tool-app input[type=range]{width:100%;accent-color:var(--pt-accent)}.parallax-tool-app label{color:var(--pt-muted);font-size:.78rem;line-height:1.2}.parallax-tool-app .sidebar,.parallax-tool-app .rightbar{min-height:0;overflow:auto;background:#0d121ceb}[data-theme=light] .parallax-tool-app .sidebar,[data-theme=light] .parallax-tool-app .rightbar{background:#fff8ece6}.parallax-tool-app .sidebar{border-right:1px solid var(--pt-line)}.parallax-tool-app .rightbar{border-left:1px solid var(--pt-line)}.parallax-tool-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.parallax-tool-app .topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#080b11c7;border-bottom:1px solid var(--pt-line)}[data-theme=light] .parallax-tool-app .topbar{background:#fffaf2c2}.parallax-tool-app .brand{display:flex;flex-direction:column;gap:.1rem;min-width:0}.parallax-tool-app .brand h1{margin:0;color:var(--pt-text);font-family:var(--font-body);font-size:1.05rem;font-weight:900;letter-spacing:.02em;line-height:1.15}.parallax-tool-app .brand span{color:var(--pt-muted);font-size:.78rem}.parallax-tool-app .top-actions,.parallax-tool-app .button-row{display:flex;gap:.5rem;flex-wrap:wrap}.parallax-tool-app .top-actions{justify-content:flex-end}.parallax-tool-app .section{padding:1rem;border-bottom:1px solid var(--pt-line)}.parallax-tool-app .section h2{margin:0 0 .8rem;color:#dbe6f4;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}[data-theme=light] .parallax-tool-app .section h2{color:var(--color-text-dark)}.parallax-tool-app .hint{color:var(--pt-muted);font-size:.82rem;line-height:1.45}.parallax-tool-app .dropzone{min-height:132px;display:grid;place-items:center;padding:1rem;text-align:center;border:1.5px dashed rgb(var(--color-gold-rgb) / .5);border-radius:var(--pt-radius);background:linear-gradient(135deg,rgb(var(--color-gold-rgb) / .08),transparent),#111722b8;transition:border-color .15s ease,background .15s ease,transform .15s ease}[data-theme=light] .parallax-tool-app .dropzone{background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .08),transparent),#ffffff94;border-color:rgb(var(--color-accent-rgb) / .44)}.parallax-tool-app .dropzone.dragover{border-color:var(--pt-accent-2);background:linear-gradient(135deg,rgb(var(--color-accent-rgb) / .12),transparent),#162030f2;transform:scale(.995)}.parallax-tool-app .dropzone strong{display:block;color:var(--pt-text);margin-bottom:.35rem}.parallax-tool-app .spacer{height:.75rem}.parallax-tool-app .row{display:grid;grid-template-columns:1fr 94px;gap:.6rem;align-items:center;margin-bottom:.65rem}.parallax-tool-app .row.compact{grid-template-columns:1fr 72px}.parallax-tool-app .row.checkbox-row{grid-template-columns:auto 1fr;gap:.5rem}.parallax-tool-app .row.checkbox-row input{margin:0}.parallax-tool-app .row.two{grid-template-columns:1fr 1fr}.parallax-tool-app .controls-grid,.parallax-tool-app .layer-list{display:grid;gap:.7rem}.parallax-tool-app .mt-md{margin-top:.8rem}.parallax-tool-app .stage-wrap{min-height:0;overflow:auto;display:grid;place-items:center;padding:1rem;background:linear-gradient(90deg,rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(180deg,rgb(255 255 255 / .025) 1px,transparent 1px),#05070b;background-size:32px 32px}[data-theme=light] .parallax-tool-app .stage-wrap{background:linear-gradient(90deg,rgb(71 42 18 / .06) 1px,transparent 1px),linear-gradient(180deg,rgb(71 42 18 / .06) 1px,transparent 1px),#eadfce;background-size:32px 32px}.parallax-tool-app .canvas-shell{position:relative;overflow:hidden;border:1px solid rgb(var(--color-gold-rgb) / .35);border-radius:16px;background:#07090d;box-shadow:0 18px 50px var(--pt-shadow),0 0 0 1px #ffffff06 inset}.parallax-tool-app canvas{display:block;background:transparent;image-rendering:pixelated;image-rendering:crisp-edges}.parallax-tool-app .empty-state{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;color:#e8edf5b8;background:radial-gradient(circle at center,rgb(var(--color-gold-rgb) / .08),transparent 60%);pointer-events:none}[data-theme=light] .parallax-tool-app .empty-state{color:#17233abd}.parallax-tool-app .empty-state.hidden{display:none}.parallax-tool-app .empty-title{margin-bottom:.35rem;font-weight:800}.parallax-tool-app .statusbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-top:1px solid var(--pt-line);background:#080b11db;color:var(--pt-muted);font-size:.8rem}[data-theme=light] .parallax-tool-app .statusbar{background:#fffaf2c2}.parallax-tool-app .status-pills{display:flex;flex-wrap:wrap;gap:.5rem}.parallax-tool-app .pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .5rem;border:1px solid rgb(var(--color-gold-rgb) / .2);border-radius:999px;background:rgb(var(--color-gold-rgb) / .1);color:#ecd2a4}[data-theme=light] .parallax-tool-app .pill{color:var(--color-leather)}.parallax-tool-app .layer-card{overflow:hidden;border:1px solid var(--pt-line);border-radius:var(--pt-radius);background:linear-gradient(180deg,#1b2637f2,#101723f2);box-shadow:0 10px 22px #0000002e}[data-theme=light] .parallax-tool-app .layer-card{background:linear-gradient(180deg,#fffaf2fa,#f7e9d3fa)}.parallax-tool-app .layer-card.locked{opacity:.72}.parallax-tool-app .layer-head{display:grid;grid-template-columns:44px 1fr auto;gap:.6rem;align-items:center;padding:.65rem;border-bottom:1px solid rgb(41 54 75 / .8)}[data-theme=light] .parallax-tool-app .layer-head{border-bottom-color:var(--pt-line)}.parallax-tool-app .thumb{width:44px;height:44px;border:1px solid var(--pt-line);border-radius:9px;background:#070b11;object-fit:contain;image-rendering:pixelated}.parallax-tool-app .layer-title{min-width:0}.parallax-tool-app .layer-title input{width:100%;font-weight:800;padding:.38rem .45rem}.parallax-tool-app .layer-meta{margin-top:.25rem;overflow:hidden;color:var(--pt-muted);font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}.parallax-tool-app .layer-actions{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.parallax-tool-app .layer-body{display:grid;gap:.55rem;padding:.75rem}.parallax-tool-app .range-control{min-width:0}.parallax-tool-app .range-control input[type=range]{width:calc(100% - 1.2rem);margin-inline:.6rem}.parallax-tool-app .mini-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.parallax-tool-app .toggle{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;min-width:0;min-height:2.15rem;padding:.38rem .45rem;border:1px solid var(--pt-line);border-radius:8px;background:#0b1018;color:var(--pt-muted);font-size:.72rem;user-select:none}[data-theme=light] .parallax-tool-app .toggle{background:#ffffffad}.parallax-tool-app .toggle input[type=checkbox]{width:.95rem;height:.95rem;flex:0 0 .95rem;margin:0;accent-color:var(--pt-accent)}.parallax-tool-app .toggle span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parallax-tool-app .msg{min-height:1.2rem;margin-top:.75rem;color:var(--pt-muted);font-size:.8rem}.parallax-tool-app .msg.ok{color:var(--pt-ok)}.parallax-tool-app .msg.err{color:var(--pt-danger)}.parallax-tool-app .hidden-file{display:none}.parallax-tool-app .json-area{width:100%;min-height:110px;resize:vertical;padding:.65rem;border-radius:10px;font:12px var(--font-code)}.parallax-tool-app .kbd{padding:.12rem .35rem;border:1px solid var(--pt-line);border-radius:5px;background:#ffffff0a;color:#dce7f6;font-family:var(--font-code);font-size:.74rem}[data-theme=light] .parallax-tool-app .kbd{color:var(--color-text-dark);background:#ffffffb8}@media(max-width:1120px){.parallax-tool-app{grid-template-columns:minmax(18rem,19rem) minmax(0,1fr)}.parallax-tool-app .rightbar{display:none}}@media(max-width:800px){.parallax-tool-app{height:auto;min-height:calc(100dvh - var(--pt-header-offset));grid-template-columns:1fr;overflow:visible}.parallax-tool-app .sidebar,.parallax-tool-app .rightbar{display:block;max-height:none;border:0;border-bottom:1px solid var(--pt-line)}.parallax-tool-main{min-height:72vh}.parallax-tool-app .topbar,.parallax-tool-app .statusbar{align-items:flex-start;flex-direction:column}.parallax-tool-app .top-actions{justify-content:flex-start}}@media(max-width:40rem){.parallax-tool-app .section{padding:.9rem}.parallax-tool-app .row.two,.parallax-tool-app .mini-toggles{grid-template-columns:1fr}.parallax-tool-app .button-row>button,.parallax-tool-app .top-actions>button{flex:1 1 100%}}