.pb-modebar,.pb-group-title,.pb-group-actions,.pb-refrow,.pb-thumbs,.pb-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pb-modebar{margin-bottom:16px}.pb-group{border:1px solid #303447;border-radius:12px;padding:20px;margin:18px 0;background:#12141e}.pb-group-title{justify-content:space-between;margin-bottom:16px}.pb-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.pb-settings label,.pb-field{display:flex;flex-direction:column;gap:6px;color:#bac2d5;font-size:13px}.pb-settings select{width:100%;height:40px}.pb-note{font-size:12px;color:#a4adc1}.pb-thumb{position:relative;display:inline-block}.pb-thumb img{width:66px;height:66px;object-fit:contain;border:1px solid #303447;border-radius:6px;background:#0b0d14}.pb-thumb button{position:absolute;right:-5px;top:-5px;color:white;background:#c63253;border:0;border-radius:50%;cursor:pointer}.pb-file{position:relative;display:inline-flex;cursor:pointer;margin:8px 0}.pb-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.pb-table-wrap{overflow:auto;margin:16px 0}.pb-script-table{width:100%;table-layout:fixed;border-collapse:collapse}.pb-script-table th{text-align:left;color:#a4adc1;padding:8px}.pb-script-table th:first-child{width:20%}.pb-script-table th:nth-child(3){width:90px}.pb-script-table th:last-child{width:44px}.pb-script-table td{padding:8px 5px;vertical-align:top}.pb-script-table input,.pb-script-table textarea,.pb-field input,.pb-field textarea,#pbPasteText{box-sizing:border-box;width:100%;border:1px solid #303447;border-radius:7px;color:#edf0f7;background:#0c0e16;padding:10px;font:inherit}.pb-script-table textarea{min-height:96px;line-height:1.6;resize:vertical}.pb-result{justify-content:space-between;border-bottom:1px solid #303447;padding:12px;font-size:13px}.pb-bad{color:#ffb9c5}.pb-modal-body{width:820px;max-width:calc(100vw - 48px);max-height:88vh;overflow:auto}.pb-error{color:#ffd19b;font-size:13px;line-height:1.6}.pb-field{margin:16px 0}.pb-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}#pbProductList{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#pbStudioFacts{font-size:11px;color:#a4adc1;white-space:pre-wrap;max-height:80px;overflow:auto}.pb-modebar button:focus-visible,.pb-group button:focus-visible{outline:2px solid #25f4ee;outline-offset:3px}@media(max-width:800px){.pb-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-group{padding:12px}.pb-script-table{min-width:600px}.pb-modal-body{max-width:calc(100vw - 24px)}}

.pb-context{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-reference-area{border:1px dashed #3b4056;border-radius:9px;padding:16px;margin:16px 0;outline:none}.pb-reference-area:focus{border-color:#25f4ee}.pb-reference-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.pb-ref-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pb-ref-actions .pb-file{margin:0}.pb-ref-actions .studio-action-btn{font-size:12px;min-height:34px}.pb-generation-settings{margin:16px 0;color:#b5bdd1;font-size:13px}.pb-generation-settings summary{cursor:pointer;padding:10px 0}.pb-generation-settings summary span{color:#25f4ee;margin-left:12px;font-size:12px}.pb-generation-settings .pb-settings{margin-top:12px}.pb-timing{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:16px 0}.pb-timing label{display:flex;flex-direction:column;gap:6px;color:#b5bdd1;font-size:12px}.pb-timing input,.pb-timing select{height:38px;padding:8px 10px;box-sizing:border-box;background-color:#0c0e16;border:1px solid #303447;border-radius:6px;color:#edf0f7;font:inherit}

.pb-timing-choices{display:flex;gap:8px;margin-top:7px}.pb-preview-card{display:block!important}.pb-preview-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.pb-preview-card .pb-thumbs{margin:12px 0}.pb-preview-card details{margin-top:10px}.pb-preview-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:#0c0e16;padding:12px;border-radius:6px;font:inherit;line-height:1.6}.pb-modebar [aria-selected="false"]{background:#171923;border-color:#303447;color:#aeb5c7}

/* One date-time trigger, matching adjacent controls. Calendar is rendered in a body portal. */
.pb-timing .pb-timing-choices .studio-action-btn,.pb-timing .pb-time-trigger{height:38px;min-height:38px;box-sizing:border-box;margin:0;padding:0 12px;line-height:normal;font-size:12px}
.pb-time-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b5bdd1}.pb-time-trigger{min-width:220px;justify-content:space-between;gap:24px;text-align:left;cursor:pointer}.pb-time-trigger i{color:#b5bdd1;pointer-events:none}
.pb-calendar{position:fixed;z-index:10020;width:320px;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;border:1px solid #3e465f;border-radius:12px;background:#171b28;color:#edf0f7;padding:16px;box-shadow:0 12px 44px #0009;font-size:13px}
.pb-calendar[hidden]{display:none!important}.pb-calendar-header,.pb-calendar-time,.pb-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.pb-calendar-header{margin:10px 0}.pb-calendar button{cursor:pointer}.pb-calendar-header button{width:32px;height:32px;padding:0;justify-content:center}.pb-calendar-week,.pb-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.pb-calendar-week{text-align:center;color:#929db8;font-size:12px;margin-bottom:8px}.pb-calendar-day{height:34px;border:1px solid transparent;border-radius:7px;color:#dce2f0;background:transparent;font:inherit}.pb-calendar-day:hover:not(:disabled){background:#28384a;border-color:#25f4ee}.pb-calendar-day[aria-pressed=true]{background:#153f46;color:#25f4ee;border-color:#25f4ee}.pb-calendar-day:disabled{opacity:.25;cursor:default}.pb-calendar-day:focus-visible,.pb-calendar button:focus-visible,.pb-calendar select:focus-visible{outline:2px solid #25f4ee;outline-offset:1px}.pb-calendar-time{justify-content:flex-start;border-top:1px solid #303447;margin-top:12px;padding-top:12px}.pb-calendar-time select{height:36px;width:67px;background-color:#0c0e16;border:1px solid #3e465f;border-radius:6px;color:#edf0f7;padding:6px;font:inherit;color-scheme:dark}.pb-calendar-footer{margin-top:12px}.pb-calendar-footer button{height:34px;margin:0;font-size:12px}.pb-calendar-error{margin:8px 0 0;color:#ffd19b;font-size:12px;line-height:1.5}
