.logo-mark.mark-pstudio{background:#475569}.pst-app .main{flex:1;min-height:0;display:flex}.pst-app .topbar{gap:8px}.pst-zoom{background:var(--input);border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.pst-zoom .icon-btn{width:28px;height:28px}.pst-zoom-v{min-width:54px;height:28px;color:var(--text);font:600 12px/1 var(--font-ui,inherit);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px}.pst-zoom-v:hover{background:var(--hover)}@media (width<=1100px){.pst-app .tb-right .dash-link span{display:none}.pst-app .title-input{max-width:150px}}@media (width<=900px){.pst-app .tb-right .dash-link{display:none}}.pst-side{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;width:272px;min-height:0;display:flex}.pst-side .tabs .side-close{flex:none;width:32px;padding:0}.pst-side-body{overscroll-behavior:contain;flex:1;padding:4px 12px 18px;overflow:auto}.pst-right{flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.pst-right-body{overscroll-behavior:contain;flex:1;overflow:auto}.pst-hint{color:var(--muted);margin:8px 2px 10px;font-size:12px;line-height:1.45}.pst-group{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin:12px 2px 6px;font-size:11px;font-weight:700}.pst-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pst-tile{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:grab;touch-action:manipulation;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 9px;font-size:12px;font-weight:600;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.pst-tile:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 4px 14px #0d99ff24}.pst-tile:active{cursor:grabbing;transform:scale(.98)}.pst-glyph{width:52px;height:38px}.pst-glyph .g-card{fill:var(--panel);stroke:var(--border)}.pst-glyph .g-band{fill:color-mix(in srgb, var(--blue) 22%, var(--panel))}.pst-glyph .g-line{stroke:var(--muted);stroke-width:2px;stroke-linecap:round;fill:none;opacity:.7}.pst-glyph .g-accent{fill:var(--blue);opacity:.75}.pst-glyph .g-num{fill:var(--blue);font:800 11px system-ui,sans-serif}.pst-tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pst-tpl{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.pst-tpl:hover{border-color:var(--blue)}.pst-tpl.on{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb, var(--blue) 30%, transparent)}.pst-tpl b{font-size:12px}.pst-tpl small{color:var(--muted);font-size:11px;line-height:1.35}.pst-tpl-pic{background:var(--panel-3);border-radius:8px;place-items:center;height:150px;display:grid}.pst-mini{pointer-events:none;background:#fff;border-radius:2px;flex:none;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000029}.pst-mini>.psx{position:absolute;top:0;left:0}.pst-ins-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.pst-ins-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.pst-ins-head b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pst-ins-head small{color:var(--muted);font-size:11.5px;line-height:1.35}.pst-ins-ico{background:var(--panel-2);width:34px;height:34px;color:var(--blue);border-radius:9px;flex:none;place-items:center;display:grid}.pst-actions{flex-wrap:wrap;gap:6px;padding:10px 14px 4px;display:flex}.pst-actions .btn.danger{color:var(--red)}.pst-ins .prop-section .pst-actions{padding:6px 0 2px}.pst-select,.pst-input{background:var(--input);width:100%;height:30px;color:var(--text);font:inherit;border:1px solid #0000;border-radius:6px;padding:0 8px;font-size:12.5px}.pst-input:focus,.pst-select:focus{border-color:var(--blue);outline:none}.pst-pair{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.pst-pair input{background:var(--input);width:70px;height:30px;color:var(--text);font:inherit;border:1px solid #0000;border-radius:6px;padding:0 6px}.pst-color{align-items:center;gap:6px;width:100%;display:flex}.pst-swatch{cursor:pointer;border-radius:7px;flex:none;width:28px;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000024}.pst-swatch input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.pst-hex{background:var(--input);min-width:0;height:28px;color:var(--text);font:12px/1 var(--font-mono,monospace);border:1px solid #0000;border-radius:6px;flex:1;padding:0 7px}.pst-hex:focus{border-color:var(--blue);outline:none}.pst-themes{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pst-theme{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:2px;font-size:10px;display:flex}.pst-theme span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pst-theme-sw{border-radius:50%;width:34px;height:34px;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001f}.pst-theme:hover .pst-theme-sw{transform:scale(1.06)}.pst-theme.on{color:var(--text);font-weight:600}.pst-theme.on .pst-theme-sw{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--blue)}.pst-more{margin-top:10px}.pst-more summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:12px}.pst-heads,.pst-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.pst-looks{grid-template-columns:repeat(4,minmax(0,1fr))}.pst-headpick,.pst-look,.pst-font{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;font-size:10.5px;display:flex}.pst-headpick span{border-radius:5px;width:100%;height:22px}.pst-headpick.on,.pst-look.on,.pst-font.on{border-color:var(--blue);color:var(--text);box-shadow:0 0 0 1px var(--blue)}.pst-look-pic{grid-template-columns:1fr 1fr;gap:3px;width:100%;height:30px;display:grid}.pst-look-pic i{background:#fff;border-radius:3px;box-shadow:inset 0 0 0 1px #d5dce6}.pst-look-pic i:nth-child(3){display:none}.pst-look-pic.band i{background:linear-gradient(180deg, var(--b) 0 30%, #fff 30%)}.pst-look-pic.line i{box-shadow:none;background:linear-gradient(180deg, transparent 0 26%, var(--a) 26% 34%, #fff 34%)}.pst-look-pic.minimal i{box-shadow:none;background:linear-gradient(180deg, var(--a) 0 12%, transparent 12% 30%, #eef0f3 30%)}.pst-look-pic.card i{background:linear-gradient(90deg, var(--a) 0 8%, #fff 8%);border-radius:5px;box-shadow:0 2px 6px #0000002e}.pst-fonts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.pst-font span{color:var(--text);font-size:18px;line-height:1.1}.pst-seg{padding:0 2px;font-size:11.5px;font-weight:600}.pst-logolist{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pst-logo{background:var(--panel-2);width:64px;height:44px;box-shadow:inset 0 0 0 1px var(--border);border-radius:8px;place-items:center;display:grid;position:relative}.pst-logo img{object-fit:contain;max-width:56px;max-height:36px}.pst-logo .icon-btn{background:var(--panel);border:1px solid var(--border);border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;right:-8px}.pst-logo .icon-btn svg{width:12px;height:12px}.pst-work{background:var(--canvas,#e9ebef);flex:1;min-width:0;min-height:0;position:relative}:root[data-theme=dark] .pst-work{background:#17181b}.pst-desk{touch-action:none;overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:0;overflow:auto}.pst-stage{place-items:center;display:grid}.pst-paper{position:relative;overflow:hidden;box-shadow:0 1px 2px #0000001f,0 12px 48px #00000029}.pst-paper>.psx{position:absolute;top:0;left:0}.pst-float{z-index:5;gap:6px;display:flex;position:absolute;top:12px;left:12px}.pst-float .btn{background:var(--panel);border:1px solid var(--border)}.psx.is-edit{-webkit-user-select:none;user-select:none}.psx.is-edit .psx-box{cursor:grab}.psx.is-edit .psx-field.on{-webkit-user-select:text;user-select:text;cursor:text;border-radius:calc(3px / var(--zoom));outline:none}.psx.is-edit .psx-field.on:hover{box-shadow:0 0 0 calc(1px / var(--zoom)) #0d99ff73}.psx.is-edit .psx-field.on:focus{box-shadow:0 0 0 calc(1.5px / var(--zoom)) #0d99ff;background:#0d99ff0d}.psx.is-edit .psx-box:after,.psx.is-edit .psx-head:after,.psx.is-edit .psx-foot:after{content:"";inset:calc(-3px / var(--zoom));border-radius:calc(var(--radius) + 3px / var(--zoom));pointer-events:none;border:calc(1.5px / var(--zoom)) solid transparent;transition:border-color .12s;position:absolute}.psx.is-edit .psx-head:after,.psx.is-edit .psx-foot:after{border-radius:0;inset:0}.psx.is-edit .psx-foot{position:relative}.psx.is-edit .psx-box:hover:after,.psx.is-edit .psx-head:hover:after,.psx.is-edit .psx-foot:hover:after{border-color:#0d99ff8c}.psx.is-edit .psx-box.is-sel:after,.psx.is-edit .psx-head.is-sel:after,.psx.is-edit .psx-foot.is-sel:after{border:calc(2.5px / var(--zoom)) solid #0d99ff}.psx.is-edit .psx-box.is-sel{cursor:default;z-index:3}.psx-box.is-dragging{opacity:.32;filter:saturate(.4)}.psx-box.is-dragging:after{border:calc(2px / var(--zoom)) dashed #0d99ff!important}.psx.is-edit .psx-fig.empty{cursor:pointer}.psx-grip{z-index:6;--hit:max(var(--gap), calc(16px / var(--zoom)));touch-action:none;position:absolute}.psx-grip.h{height:var(--hit);left:0;right:0;bottom:calc(-.5 * var(--gap) - .5 * var(--hit));cursor:row-resize}.psx-grip.v{width:var(--hit);top:0;bottom:0;right:calc(-.5 * var(--gap) - .5 * var(--hit));cursor:col-resize}.psx-grip.head{width:auto;height:calc(16px / var(--zoom));top:auto;left:0;right:0;bottom:calc(-8px / var(--zoom));cursor:row-resize}.psx-grip:after{content:"";opacity:0;background:#0d99ff;border-radius:99px;transition:opacity .14s;position:absolute}.psx-grip.h:after,.psx-grip.head:after{height:calc(2px / var(--zoom));top:50%;left:2%;right:2%;transform:translateY(-50%)}.psx-grip.v:after{width:calc(2px / var(--zoom));top:2%;bottom:2%;left:50%;transform:translate(-50%)}.psx-grip:before{content:"";z-index:1;border:calc(1.5px / var(--zoom)) solid #0d99ff;opacity:0;box-shadow:0 calc(1px / var(--zoom)) calc(4px / var(--zoom)) #0003;background:#fff;border-radius:99px;transition:opacity .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.psx-grip.h:before,.psx-grip.head:before{width:calc(30px / var(--zoom));height:calc(10px / var(--zoom))}.psx-grip.v:before{width:calc(10px / var(--zoom));height:calc(30px / var(--zoom))}.psx-grip:hover:after,.psx-grip:hover:before,.pst-resizing-x .psx-grip:active:after,.pst-resizing-y .psx-grip:active:after{opacity:1}.pst-dragging .psx-grip{pointer-events:none}.psx-overflow{right:calc(8px / var(--zoom));bottom:calc(8px / var(--zoom));z-index:4;pointer-events:none;white-space:nowrap;color:#fff;font:600 calc(11px / var(--zoom)) / 1.2 system-ui, sans-serif;padding:calc(4px / var(--zoom)) calc(9px / var(--zoom));box-shadow:0 calc(2px / var(--zoom)) calc(8px / var(--zoom)) #e0313159;background:#e03131;border-radius:99px;display:none;position:absolute}.psx-box[data-overflow] .psx-overflow{display:block}.pst-drop{z-index:20;pointer-events:none;background:#0d99ff;border-radius:99px;transition:left 90ms,top 90ms,width 90ms,height 90ms;position:absolute;box-shadow:0 0 0 3px #0d99ff38,0 0 18px #0d99ff73}.pst-ghost{z-index:3000;pointer-events:none;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:650;animation:.16s ease-out pst-lift;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 14px))rotate(-2deg);box-shadow:0 14px 34px #0000003d}.pst-ghost-grip{background-image:radial-gradient(circle, var(--muted) 1.2px, transparent 1.3px);background-size:5px 5px;width:10px;height:14px}@keyframes pst-lift{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))scale(.92)}}body.pst-dragging,body.pst-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}body.pst-resizing-x,body.pst-resizing-x *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.pst-resizing-y,body.pst-resizing-y *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.pst-export{flex-direction:column;gap:10px;width:330px;display:flex}.pst-exp{text-align:left;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pst-exp.main{border-color:color-mix(in srgb, var(--blue) 45%, var(--border));background:color-mix(in srgb, var(--blue) 8%, var(--panel-2))}.pst-exp svg{color:var(--blue);flex:none;margin-top:2px}.pst-exp span{flex-direction:column;gap:2px;display:flex}.pst-exp small,.pst-note{color:var(--muted);font-size:11.5px;line-height:1.4}.pst-dpi{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.pst-dpi span{margin-right:auto}.pst-dpi button{border:1px solid var(--border);background:var(--input);height:28px;color:var(--text);cursor:pointer;border-radius:6px;padding:0 9px;font:600 11.5px/1 inherit}.pst-dpi button.on{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.pst-exp-row{gap:6px;display:flex}.pst-exp-row .btn{flex:1;justify-content:center;gap:6px}.pst-start{z-index:800;background:color-mix(in srgb, var(--panel) 93%, transparent);-webkit-backdrop-filter:blur(10px);animation:.2s ease-out fade-in;position:fixed;inset:0;overflow:auto}.pst-start-in{max-width:1120px;padding:max(28px, env(safe-area-inset-top)) 24px 48px;margin:0 auto}.pst-start-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.pst-start h1{letter-spacing:-.02em;margin:0 0 4px;font-size:26px}.pst-start h2{margin:28px 0 10px;font-size:15px}.pst-start p{color:var(--muted);margin:0;font-size:13.5px}.pst-start-actions{align-items:center;gap:8px;display:flex}.pst-start-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.pst-start-card{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:10px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.pst-start-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 12px 30px #0000001a}.pst-start-card b{margin-top:4px;font-size:13.5px}.pst-start-card small{color:var(--muted);font-size:12px;line-height:1.35}.pst-start-pic{background:var(--panel-2);border-radius:10px;place-items:center;height:236px;display:grid}.pst-recent{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pst-recent-card{position:relative}.pst-recent-open{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:3px;padding:8px;display:flex}.pst-recent-card.on .pst-recent-open,.pst-recent-open:hover{border-color:var(--blue)}.pst-recent-open b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pst-recent-open small{color:var(--muted);font-size:11px}.pst-recent-pic{background:var(--panel-2);height:150px;color:var(--muted);border-radius:8px;place-items:center;display:grid;overflow:hidden}.pst-recent-pic img{max-width:100%;max-height:100%;box-shadow:0 2px 8px #00000026}.pst-recent-del{background:var(--panel);opacity:0;transition:opacity .12s;position:absolute;top:12px;right:12px}.pst-recent-card:hover .pst-recent-del{opacity:1}.pst-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pst-toast{color:#f2f2f2;background:#1f2125;border-radius:10px;max-width:80vw;padding:9px 14px;font-size:12.5px;animation:.18s ease-out pst-lift;box-shadow:0 8px 24px #0000004d}.pst-toast.error{box-shadow:0 8px 24px #0000004d, inset 3px 0 0 var(--red)}@media (width<=760px),(height<=500px) and (pointer:coarse){html .pst-app .tb-center{display:none!important}html .pst-app .topbar .export-btn span{display:inline}.pst-start-in{padding:max(16px, env(safe-area-inset-top)) 14px 32px}.pst-start h1{font-size:21px}.pst-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pst-start-pic{height:180px}.m-sheet-body .pst-add,.m-sheet-body .pst-templates{padding:0 14px}.m-sheet-body .pst-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.m-sheet-body .pst-tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pst-toasts{bottom:calc(var(--dock-h,0px) + 14px)}}.pst-ins .segmented.wide{width:100%}.pst-ins .segmented.wide button{flex:1}