.ps{text-align:left;max-width:1200px;margin:0 auto;padding:8px 4px 40px}.ps-head h1{margin:4px 0 6px;font-size:clamp(24px,5vw,32px);font-weight:900}.ps-head p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.7}.ps-layout{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.ps-layout{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start}.ps-preview{position:sticky;top:76px}}@media (width>=1100px){.ps-layout{grid-template-columns:minmax(0,max(320px,min(560px,70.7116vh - 91.925px))) minmax(0,1fr);gap:28px}.ps-preview .ps-canvas,.ps-preview .ps-hint{max-width:none}.ps-preview{top:90px}.ps-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 14px;display:grid}.ps-form>:nth-child(n+3){grid-column:1/-1}.ps-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.ps-canvas{aspect-ratio:3508/4961;border:2.5px solid var(--ink-line);width:100%;max-width:440px;box-shadow:4px 4px 0 var(--ink-line);background:#fff;border-radius:6px;margin:0 auto;overflow:hidden}.ps-canvas canvas{touch-action:pan-y;width:100%;height:100%;display:block}.ps-canvas.can-drag canvas{cursor:grab;touch-action:none}.ps-canvas.can-drag canvas:active{cursor:grabbing}.ps-hint{max-width:440px;color:var(--muted);text-align:center;margin:8px auto 0;font-size:13px}.ps-box{background:var(--card);border:2.5px solid var(--ink-line);box-shadow:4px 4px 0 var(--ink-line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;margin:0 0 14px;padding:12px 14px 14px;display:flex}.ps-box legend{padding:0 6px;font-size:15px;font-weight:900}.ps-field{width:100%;display:block}.ps-field>span{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:700;display:block}.ps-field input:not([type=range]){box-sizing:border-box;border:2px solid var(--line);background:var(--field);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:0 12px;font-size:16px}.ps-field input[type=range]{width:100%}.ps-file{cursor:pointer}.ps-note{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.ps-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.ps-link:disabled{opacity:.5;cursor:default}.ps-actions{margin:0 0 14px;display:flex}.ps-actions .btn-primary{flex:200px;min-height:48px;font-size:16px}.ps-wall{margin-top:28px}.ps-wall h2{margin:0 0 12px;font-size:22px;font-weight:900}.ps-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ps-card{background:var(--card);border:2.5px solid var(--ink-line);box-shadow:3px 3px 0 var(--ink-line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ps-card img{aspect-ratio:3508/4961;object-fit:cover;background:#fff;width:100%;height:auto;display:block}.ps-card-body{flex-direction:column;gap:2px;min-width:0;padding:8px 10px 0;display:flex}.ps-card-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.ps-card-body span{color:var(--muted);font-size:12px}.ps-card-actions{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.ps-card-actions .btn-secondary{min-height:36px;font-size:13px}.ps-color{gap:8px;display:flex}.ps-field .ps-color input[type=color]{cursor:pointer;flex:none;width:56px;padding:4px}.ps-field .ps-color input[type=text]{text-transform:lowercase;flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace}.ps-field .ps-color input[aria-invalid=true]{border-color:#d33}
