#page-props{height:calc(100dvh - var(--topbar));padding:0 22px 18px}
body[data-page="props"] #page-props{display:block}
.ps-switch{display:flex;gap:6px;align-items:center}.ps-switch a{font-size:11px;padding:11px 14px;border:1px solid transparent;border-radius:8px;color:#ab94bf;text-decoration:none}.ps-switch a[aria-current]{background:#2b1e36;border-color:#66447d;color:#e7cef7}
.ps-stage{position:relative;height:calc(100% - 88px);min-height:530px;border:1px solid #63447766;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#50326855,transparent 62%),linear-gradient(#17101f,#0f0a16)}
#p-viewer{position:absolute;inset:0;padding:65px 0 80px;overflow:hidden}#p-viewer>canvas{display:block;margin:auto}
.ps-card{position:absolute;top:30px;z-index:3;display:flex;flex-direction:column;max-height:calc(100% - 100px);border:1px solid #6d49847a;border-radius:13px;background:#21162df2;overflow:hidden;backdrop-filter:blur(14px)}
.ps-left{left:16px;width:248px}.ps-right{right:16px;width:310px}.ps-card header{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid #68477a55;background:#291c34;flex:none}.ps-card header img{width:31px;height:28px;object-fit:contain}.ps-card h2{font-size:12px;font-weight:600;margin:3px 0 0}.ps-card header small{font-size:7px;letter-spacing:1.3px;color:#ac8fbe}.ps-card header>button{margin-left:auto}
.ps-pad,.ps-body{padding:14px;overflow:auto;scrollbar-width:thin;min-height:0}.ps-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#bba2cc;margin-bottom:14px}.ps-field select,.ps-field input{width:100%;min-width:0;padding:10px;background:#150e1e;border:1px solid #68477a70;border-radius:8px;color:#e7d6f2;font:inherit}
.ps-kinds{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ps-kinds button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:87px;padding:11px 6px;border:1px solid #68477a65;border-radius:9px;background:#281c34;color:#ac91be}.ps-kinds button>span{font-size:24px;line-height:1}.ps-kinds button>b{font-size:11px}.ps-kinds button>small{font-size:9px;color:#8e759f}.ps-kinds button[aria-pressed="true"]{border-color:#bf94e4;background:#57377255;color:#dfc0f6}.ps-kinds i{position:absolute;right:8px;top:5px;color:#bc90e4;font-size:9px;font-style:normal}
.ps-muted{font-size:10px;line-height:1.8;color:#9b83ac}.ps-title-row{display:flex;align-items:center;gap:7px;margin-bottom:7px}.ps-title-row>b{font-size:11px;min-width:0;overflow-wrap:anywhere}.ps-title-row>button{margin-left:auto;flex:none}.ps-card button:not(.ps-primary):not([data-kind]):not([role="tab"]){font:inherit;font-size:10px;background:#30213c;border:1px solid #6b488264;color:#d8bae9;border-radius:7px;padding:7px 9px}.ps-projects{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:6px}.ps-projects button{width:100%;text-align:left;overflow-wrap:anywhere}.ps-card hr{border:0;border-top:1px solid #68477a55;margin:17px 0}
.ps-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:170px;padding:20px 10px;text-align:center;border:1px dashed #9674aa80;border-radius:9px;cursor:pointer;background:#1b1224}.ps-drop>span{font-size:29px;color:#cda8e8}.ps-drop>b{font-size:12px}.ps-drop>small{font-size:10px;color:#a18aac;line-height:1.8}
.ps-tabs{display:flex;gap:5px;border-bottom:1px solid #68477a60;margin:16px 0}.ps-tabs button{flex:1;border:0;border-bottom:2px solid transparent;padding:10px 4px;background:transparent;color:#ac91be;font-size:11px}.ps-tabs button[aria-selected="true"]{background:#8152aa20;border-color:#bf94e4;color:#e2c4f7}.ps-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.ps-fit label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:10px;color:#bba2cc}.ps-fit input{width:100%;grid-column:1/-1;margin:0;accent-color:#bc90e8}.ps-fit output{color:#eee0f7}.ps-check{display:flex;align-items:center;gap:7px;font-size:10px;margin:12px 0;color:#d2bddd}.ps-check input{accent-color:#bd91e4}.ps-export{border-top:1px solid #68477a55;margin-top:18px;padding-top:14px}.ps-export summary{font-size:11px;cursor:pointer;margin-bottom:14px;color:#d8bae9}.ps-secondary{margin-top:4px}#p-name{font-size:11px}#p-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ps-swatch{display:flex;flex-direction:column;align-items:center;gap:5px}.ps-swatch button{width:100%;height:31px;padding:0!important;border-radius:6px!important}.ps-swatch button[aria-pressed="true"]{outline:2px solid #cda8e8;outline-offset:2px}.ps-swatch input{accent-color:#bc90e8}
.ps-card footer{display:flex;gap:8px;padding:12px;border-top:1px solid #68477a55;flex:none}.ps-card footer>button{flex:1;min-height:37px}.ps-primary{font:inherit;font-size:11px;font-weight:600;border:1px solid #bd8fee;border-radius:8px;background:linear-gradient(110deg,#9160d4,#b786ef);color:white;padding:10px}.ps-primary:disabled,.ps-card footer>button:disabled{opacity:.4}#p-status{padding:0 12px 10px;font-size:10px;line-height:1.6;color:#d7b8ea;overflow-wrap:anywhere}#p-status:empty{display:none}#p-status.ps-error{color:#f0a6c3}
.ps-camera{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:4;display:flex;gap:4px;padding:7px;border:1px solid #76548c88;border-radius:13px;background:#281a34ee}.ps-camera button{border:0;border-radius:7px;background:#402a53;color:#dec4ef;padding:9px 11px;font-size:10px;white-space:nowrap}.ps-camera button:hover{background:#624079}.ps-stage-hint{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:9px;color:#8f74a3;white-space:nowrap;pointer-events:none}
.ps-fit-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 5px;align-items:center}
.ps-fit .ps-fit-control>label{display:block;min-width:0;font-size:10px;line-height:1.4;color:#bba2cc}
.ps-fit-value{display:flex;align-items:center;gap:3px;color:#c7afd8;font-size:9px}
.ps-fit .ps-fit-value input{width:54px;min-width:0;grid-column:auto;padding:5px 3px;background:#160f20;border:1px solid #76528d88;border-radius:5px;color:#eee0f7;font:inherit;font-size:10px;text-align:right;appearance:textfield;-moz-appearance:textfield}
.ps-fit-value input::-webkit-inner-spin-button,.ps-fit-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ps-fit .ps-fit-control>input[type="range"]{grid-column:1/-1;width:100%}
.ps-fit-value input:focus{outline:1px solid #c69bed;border-color:#c69bed}
.nc-source{display:flex;gap:6px;margin-bottom:12px}.nc-source button{flex:1}.ps-card .nc-source button[aria-pressed="true"],.ps-card .nc-modes button[aria-pressed="true"],.ps-card .nc-chains button[aria-pressed="true"]{border-color:#c49ce7!important;background:#61417b!important;color:#f1defe!important}
.nc-editor{padding-bottom:16px;border-bottom:1px solid #68477a65;margin-bottom:16px}.nc-title{display:flex;flex-direction:column;gap:4px;margin:4px 0 13px}.nc-title b{font-size:13px}.nc-title small{font-size:10px;color:#a88cbb}.nc-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:15px}.nc-modes button{min-height:32px}.nc-field-title{display:block;font-size:11px;color:#bda2cf;margin:15px 0 8px}.nc-chains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:15px}.nc-chains button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 4px!important;overflow:hidden}.nc-chains button>span{font-size:18px;white-space:nowrap}.nc-catalog img{width:100%;aspect-ratio:1.64;object-fit:contain;border-radius:4px}.nc-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nc-dimensions label{font-size:10px}.nc-editor #nc-build{width:100%;margin-top:2px}.nc-editor .ps-field{margin-top:12px}#nc-image-name{display:block;margin:8px 0}#nc-count{margin-bottom:0}#nc-font-upload{margin-bottom:5px}
#page-props [hidden]{display:none!important}
@media(max-width:1100px){.ps-left{width:205px}.ps-right{width:270px}.ps-camera button{padding:8px}.ps-camera{bottom:23px}.ps-stage-hint{display:none}}
@media(max-width:760px){#page-props{height:auto;padding:0 12px 20px}.ps-stage{display:flex;flex-direction:column;height:auto;padding:0 10px 15px;gap:12px;overflow:visible}.ps-card{position:relative;inset:auto;width:100%;max-height:none;order:2}.ps-right{order:3}.ps-card .ps-body{max-height:580px}.ps-left .ps-kinds{grid-template-columns:repeat(4,1fr)}.ps-kinds button{min-height:80px}.ps-left .ps-pad{overflow:visible}#p-viewer{position:relative;inset:auto;height:440px;padding:20px 0 50px;order:0}.ps-camera{position:relative;inset:auto;transform:none;align-self:center;flex-wrap:wrap;justify-content:center;order:1}.ps-stage-hint{display:none}.ps-switch a{padding:9px 7px;font-size:10px}}

.ps-optimizer{margin:16px 0;padding:14px;border:1px solid #684a80;border-radius:12px;background:linear-gradient(145deg,#2b1d36,#1d1426)}.ps-optimizer h3{margin:0;font-size:13px}.ps-engine-tag{font-size:9px;color:#d4b3ed;border:1px solid #77538e;border-radius:5px;padding:3px 6px}.ps-opt-stats{display:flex;align-items:center;gap:12px;padding:12px 0}.ps-opt-stats>div{flex:1;display:flex;flex-direction:column;gap:3px}.ps-opt-stats small{font-size:9px;color:#ac92bc}.ps-opt-stats b{font-size:17px;color:#ede0f6}.ps-opt-stats strong{font-size:11px;color:#d0a0f5}.ps-opt-presets,.ps-opt-actions{display:flex;gap:6px;margin:10px 0}.ps-opt-presets>button{flex:1;font-size:9px!important;padding:8px 4px!important}.ps-opt-actions>button{flex:1}.ps-optimizer input[type=range]{width:100%;accent-color:#b58bd8}.ps-optimizer input[type=number]{width:100%;box-sizing:border-box}.ps-optimizer .ps-muted{line-height:1.6;font-size:10px}

#po-jump{flex:none;font-size:10px;padding:7px 9px;border:1px solid #8d67a9;border-radius:7px;background:#382446;color:#e0c5f4}
