/* Prism workspace: compact controls, quiet surfaces and a large canvas. */.prism-app{--bg:#101117;--bg2:#181921;--card:#20212b;--card2:#282936;--bd:#a78bfa55;--bd2:#ffffff16;--mag:#a78bfa;--vio:#7c5ce0;--glow:#c4b5fd;--tx:#f4f4f8;--mut:#b8bacb;--faint:#9295aa;--disp:var(--body)}.prism-app .app{height:calc(100dvh - var(--editor-dock-height, 58px))}.prism-app .top{min-height:58px;padding:9px 18px;background:#15161e}.prism-app .brand{font-size:13px;letter-spacing:0.015em;gap:8px}.prism-brand{font-size:22px;font-weight:800;margin-inline-start:12px;color:#fff;letter-spacing:-0.04em}.prism-app .btn.pri{background:#9471ee;color:#fff;box-shadow:none;border:1px solid #b69aff}.prism-app .btn{border-radius:7px;min-height:32px;box-shadow:none}.prism-app .btn:hover{background:#343544;border-color:#858099}.prism-app .btn.pri:hover{background:#a487f2;color:#101117}.prism-app .main{display:grid;grid-template-columns:58px 228px minmax(180px, 1fr) 300px}.prism-rail{grid-column:1;background:#181921;border-inline-end:1px solid var(--bd2);padding:10px 6px;display:flex;flex-direction:column;gap:5px;overflow:auto}.prism-app .left{grid-column:2}.prism-app .center{grid-column:3}.prism-app .right{grid-column:4}.prism-rail button{width:44px;min-height:42px;display:grid;place-items:center;background:transparent;color:#b8bacb;border:1px solid transparent;border-radius:8px;cursor:pointer}.prism-rail button:hover{color:white;background:#2a2b36}.prism-rail button[aria-pressed="true"]{color:#dacbff;background:#a78bfa20;border-color:#a78bfa66}.prism-rail svg{width:21px;height:21px}.prism-commandbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 16px;border-bottom:1px solid var(--bd2);background:#1b1c25}.prism-commandbar > div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prism-commandbar .prism-export{margin-inline-start:12px;background:#b29afa;color:#17131f;border-color:#c8b8ff}.prism-app .toolbar{padding:8px 12px;max-height:90px;overflow:visible;background:#1b1c25;gap:6px}.prism-app .toolbar > #addText,.prism-app .toolbar > #addImg,.prism-app .toolbar > .shape-wrap,.prism-app .toolbar > #copyBtn{display:none}.prism-app .quick-edit{padding:8px 12px;background:#1b1c25;border-bottom:1px solid var(--bd2)}.prism-app .stage{background-color:#0e0f15;background-image:radial-gradient(#ffffff13 0.8px, transparent 0.8px);background-size:20px 20px}.prism-app #board{box-shadow:0 12px 48px #0008,0 0 0 1px #ffffff20}.prism-app .tabs,.prism-app .tpltabs{background:#181921}.prism-app .sech{padding:12px;font-size:12px}.prism-app .pan{border-color:var(--bd2)}.prism-app .secb{padding:10px 12px 14px}.prism-app .row{gap:10px}.prism-app .row label{font-size:12px;color:#c6c7d4}.prism-app input,.prism-app select,.prism-app textarea{background:#101117;border-color:#454653;border-radius:5px}.prism-app .layer{border-radius:6px;margin:3px 6px;border-color:transparent}.prism-app .layer.on{background:#a78bfa19;border-color:#a78bfa55}.prism-app .layer .nm{min-width:0}.prism-app .layer.grouped .ty{color:#a78bfa}.prism-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;min-height:43px;background:#20212b;border-bottom:1px solid var(--bd2)}.prism-options:empty{display:none}.prism-options label{display:flex;align-items:center;gap:5px;font-size:11px;color:#c4c6d2}.prism-options input[type="number"]{width:62px;padding:4px}.prism-options input[type="color"]{width:30px;height:26px;padding:2px}.prism-options .prism-hint{font-size:11px;color:#b2b4c6}.prism-selection{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--bd2)}.prism-selection .btn{font-size:11px;padding:5px 7px}.prism-app .lh{background:#1b1c25;padding:10px}.prism-app .lh #addTextFromLayers{background:#303140;border-color:#545465;font-size:11px}.prism-compositions{border-top:1px solid var(--bd2);padding:12px 10px}.prism-compositions h3{margin:0 0 10px;font-size:12px}.prism-composition-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prism-composition{display:flex;flex-direction:column;gap:5px;color:var(--tx);padding:5px;border:1px solid #ffffff20;border-radius:8px;background:#22232f;cursor:pointer;text-align:start;font-size:10px}.prism-composition:hover,.prism-composition:focus-visible{border-color:#c4b5fd;background:#353344}.prism-composition img{width:100%;aspect-ratio:16/9;border-radius:4px;object-fit:cover}.prism-app dialog{background:#20212b;border:1px solid #555566;border-radius:12px;color:var(--tx);max-width:min(600px, calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;box-shadow:0 24px 100px #0009}.prism-app dialog::backdrop{background:#08090fb3}.prism-crop canvas{width:100%;max-height:300px;object-fit:contain;background:#101117;cursor:crosshair;touch-action:none}.prism-crop .crop-fields{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin:14px 0}.prism-crop label{display:flex;justify-content:space-between;align-items:center;gap:8px}.prism-crop input{width:74px;padding:7px}.prism-crop .crop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.prism-app .viewbar{flex-wrap:wrap;height:auto;min-height:38px;gap:5px;padding:6px 10px}.prism-app .tcard{border-radius:7px}.prism-app .fontpan .fcell{border-radius:5px}.prism-app [hidden]{display:none !important}@media (min-width: 1450px){.prism-app .main{grid-template-columns:58px 248px minmax(0, 1fr) 316px}}@media (max-width: 1100px) and (min-width: 861px){.prism-app .main{grid-template-columns:50px 190px minmax(140px, 1fr) 260px}.prism-rail{padding:6px 3px}.prism-app .top .brand > span:first-of-type{display:none}.prism-app .back-label{display:none}}@media (max-width: 860px){.prism-app .main{display:flex;flex-direction:column;position:relative}.prism-rail{flex-direction:row;flex:none;border-bottom:1px solid var(--bd2);padding:4px 8px;gap:4px;overflow:auto}.prism-rail button{flex:none;width:36px;min-height:36px}.prism-app .center{flex:1;min-height:0}.prism-app .left,.prism-app .right{position:absolute;inset:45px 0 0;width:100%;height:auto;max-width:none;z-index:5}.prism-app .top{padding:7px 10px;gap:6px}.prism-app .brand > span:first-of-type{display:none}.prism-app .top nav{gap:4px}.prism-app .top .save-status{display:none}.prism-app .prism-brand{margin-inline-start:0}.prism-commandbar{padding:6px 8px}.prism-commandbar .btn{padding:5px 7px;font-size:11px}.prism-commandbar .prism-export{margin-inline-start:0}.prism-app .mobile-panels{display:flex}.prism-options{padding:6px 8px}.prism-app .toolbar{max-height:95px;overflow:auto}}@media (max-width: 420px){.prism-app .top .back-link{padding:6px}.prism-app .brand img{width:24px;height:24px}.prism-app .um-current-language{max-width:64px}.prism-commandbar > div{gap:4px}.prism-app #copyBtn,.prism-app #quickDepth{display:none}}@media (prefers-reduced-motion: reduce){.prism-app *{transition:none !important}}/* Keep a useful canvas on small screens; detailed text settings stay in Properties. */@media (max-width: 860px){.prism-app .center > .toolbar{display:none}.prism-app .prism-commandbar #saveProj{display:none}.prism-app .prism-commandbar .save-status{display:inline;max-width:135px;font-size:10px}.prism-app .viewbar .btn{min-height:28px;padding:4px 6px;font-size:10px}.prism-app .viewbar #safeBtn,.prism-app .viewbar #gridBtn,.prism-app .viewbar #miniBtn,.prism-app .viewbar #z100{display:none}.prism-app[data-prism-mode="brush"] .quick-text,.prism-app[data-prism-mode="erase"] .quick-text,.prism-app[data-prism-mode="mask"] .quick-text,.prism-app[data-prism-mode="hand"] .quick-text{display:none}.prism-app .quick-text{padding:6px 8px}.prism-app .prism-options label{font-size:10px}.prism-app .prism-options input[type="number"]{width:48px}.prism-app .prism-options .prism-hint{display:none}.prism-app .mobile-panels button{padding:7px 2px}}/* Compact thumbnails and tabs must retain their natural proportions. */.prism-composition img{height:auto;display:block;flex:none;min-height:0;max-height:none}.prism-app .tabs button{font-size:11px;letter-spacing:0;padding-inline:6px;white-space:nowrap}.prism-app .tabs{gap:2px}.prism-app .toolbar > .menu{display:none}.prism-app .toolbar > .sep{display:none}.prism-app .tabs button{font-size:11px !important;word-break:normal !important;overflow-wrap:normal !important;white-space:normal !important}.prism-app .left{overflow-y:auto;overscroll-behavior:contain}.prism-app .layers{flex:none;min-height:110px;max-height:260px;overflow-y:auto}.prism-selection button[data-align]{width:34px;min-height:30px;padding:5px;display:inline-flex;align-items:center;justify-content:center}.prism-app[data-prism-mode="move"] .prism-options{display:none}.prism-app .row label{font-size:11px !important;word-break:normal !important;overflow-wrap:normal !important}.prism-app[data-selected-type="image"] .center > .toolbar,.prism-app[data-selected-type="image"] .quick-text,.prism-app[data-selected-type="none"] .center > .toolbar,.prism-app[data-selected-type="none"] .quick-text{display:none}