.pt-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-page)}.pt-bar{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-white);border-bottom:1px solid var(--border-light)}.pt-brand{display:flex;align-items:center;min-width:0}.pt-logos{display:inline-flex;align-items:center;gap:16px}.pt-logos img{width:auto;display:block}.pt-logos img.ds{height:var(--ds-h,20px)}.pt-logos img.ss{height:var(--ss-h,32px)}.pt-logo-sep{width:1px;height:calc(var(--ss-h,32px) - 4px);background:var(--border-medium)}.pt-nav{display:flex;align-items:center;gap:2px;margin-left:12px}.pt-navbtn{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:none;border-radius:var(--radius-md);background:transparent;font-family:var(--font-body);font-size:13.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.pt-navbtn svg{color:var(--text-tertiary);flex-shrink:0}.pt-navbtn:hover{background:var(--bg-warm);color:var(--text-primary)}.pt-navbtn.on{background:var(--brand-bg);color:var(--text-on-brand);font-weight:600}.pt-navbtn.on svg{color:var(--text-on-brand)}.pt-user{display:flex;align-items:center;gap:8px}.pt-hello{font-size:13px;color:var(--text-secondary);margin-right:6px}.pt-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);cursor:pointer}.pt-icon:hover,.pt-icon.on{color:var(--text-primary);background:var(--bg-warm)}.pt-logout{height:32px;padding:0 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:none;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-tertiary);cursor:pointer}.pt-logout:hover{color:var(--text-primary);background:var(--bg-warm)}.pt-user{margin-left:auto}@media(max-width:767px){.pt-bar{flex-wrap:wrap;row-gap:6px;padding:8px 12px 6px}.pt-logos{--ds-h:14px!important;--ss-h:22px!important;gap:10px}.pt-hello,.pt-logout{display:none}.pt-nav{order:3;flex-basis:100%;margin-left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.pt-navbtn{justify-content:center;gap:5px;min-height:38px;padding:0 4px;font-size:14.5px}.pt-navbtn svg{display:none}}.pt-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:14px 12px 40px}.pt-main.wide{max-width:none}.pt-main.settings{max-width:1240px}.pt-main:has(>.pt-detail){max-width:none}@media(min-width:768px){.pt-main{padding:20px 24px 48px}}.pt-page{display:flex;flex-direction:column;gap:12px;animation:fadeIn .3s ease}.pt-narrow{max-width:560px}.pt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pt-page>.pt-head{position:sticky;z-index:900;background:var(--bg-page);margin-top:-14px;padding:10px 0}.pt-head-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pt-count{font-size:13px;font-weight:500;color:var(--text-secondary)}@media(max-width:767px){.pt-page>.pt-head,.pt-page>.pt-head .pt-head-left{flex-wrap:nowrap;min-width:0}.pt-page>.pt-head .pt-head-left{flex:1 1 auto;gap:8px}.pt-page>.pt-head .pt-head-left>div:has(>.ss-filters-btn){min-width:0;flex:0 1 auto}.pt-page>.pt-head .tp-filter.tp-picker.ss-filters-btn{min-width:0;max-width:100%}.pt-page>.pt-head .pt-head-left:has(.tp-clear) .pt-count{display:none}.pt-page>.pt-head .tp-clear,.pt-page>.pt-head .tp-add{flex-shrink:0;white-space:nowrap}}.pt-detail .tp-dhead{top:52px;margin-top:-14px;padding:10px 0}@media(max-width:767px){.pt-detail .tp-dhead{top:var(--pt-bar-h,52px)}}.pt-detail .tp-desc .tp-lbl{display:block}.pt-warn{padding:10px 12px;border-radius:var(--radius-md);background:var(--red-bg);color:var(--red);font-size:13px;font-weight:500}.pt-center{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;animation:fadeIn .3s ease}@media(min-width:880px){.pt-center{grid-template-columns:minmax(440px,1fr) minmax(0,2fr);gap:16px}}.pt-settings{width:100%;min-width:0;box-shadow:var(--shadow-md)}.pt-set-head{padding:14px 24px 12px;border-bottom:1px solid var(--border-light)}.pt-set-head h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.pt-set-body{display:flex;flex-direction:column;padding:2px 0}.pt-set-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:4px 18px;padding:11px 24px;border-bottom:1px solid var(--border-light)}.pt-set-row:last-child{border-bottom:none}.pt-set-row .tp-err{grid-column:2}.pt-set-lbl{font-size:13px;font-weight:500;color:var(--text-secondary)}.pt-set-val{font-size:15px;font-weight:500;color:var(--text-primary);word-break:break-word}.pt-pin-view{display:inline-flex;align-items:center;gap:16px;height:32px;padding:0 10px;margin:0 -10px;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-body);cursor:pointer;text-align:left;justify-self:start}.pt-pin-view:hover{background:var(--bg-warm)}.pt-pencil{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--text-on-brand)}.pt-pin-edit{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;height:32px}.pt-pin-in{width:72px;min-height:32px;height:32px;padding:0 10px;font-size:15px;letter-spacing:.12em;text-align:center}.pt-pin-edit .tp-post,.pt-pin-edit .tp-ghost.sm{min-height:32px;height:32px;white-space:nowrap}.pt-set-out{display:none}@media(max-width:767px){.pt-set-row{grid-template-columns:1fr;padding:14px 18px}.pt-set-row .tp-err{grid-column:1}.pt-set-head{padding:18px}.pt-set-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pt-set-out{display:inline-flex}}.pt-set-sub{margin:3px 0 0;font-size:14px;line-height:1.45;color:var(--text-primary)}