.pdw-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;font:16px/1.5 system-ui;color:#172554;max-width:1120px;margin:auto;padding:24px;box-sizing:border-box}.pdw-composition *{box-sizing:border-box}.pdw-composition h2{font-size:26px;margin:0}.pdw-composition fieldset{border:1px solid #d3dce8;border-radius:12px;margin:16px 0;padding:16px;min-width:0}.pdw-composition legend{font-weight:700}.pdw-composition label{display:block;margin:8px 0;font-size:14px}.pdw-composition input,.pdw-composition select,.pdw-composition textarea{display:block;width:100%;min-height:44px;padding:8px;border:1px solid #94a3b8;border-radius:6px;font:inherit;background:white;color:#172554}.pdw-composition button{padding:10px 16px;min-height:44px;border:1px solid #172554;border-radius:7px;background:white;color:#172554;font:inherit;cursor:pointer}.pdw-composition button:disabled{opacity:.5;cursor:default}.pdw-compose-position{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pdw-compose-preview{align-self:start;position:sticky;top:24px;background:#f3f6fa;border-radius:16px;padding:24px}.pdw-compose-preview img{width:100%;height:auto;background:white;border:2px dashed #64748b}.pdw-compose-preview [role=status]{min-height:48px}@media(max-width:700px){.pdw-composition{grid-template-columns:1fr;padding:16px;gap:20px}.pdw-compose-preview{position:static;grid-row:1;padding:16px}.pdw-compose-preview img{max-height:300px;object-fit:contain}.pdw-compose-position{gap:6px}}
.pdw-composition textarea{resize:vertical}.pdw .pdw-composition input[type="number"]{width:100%;min-width:0}@media(max-width:700px){.pdw:has(.pdw-composition :focus) .pdw-summary{position:static}}
.pdw-compose-starters .pdw-layout-choice{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin:4px;padding:12px;min-width:100px}.pdw-layout-choice span:first-child{font-size:28px;line-height:1.2}.pdw-compose-starters button[aria-pressed="true"]{background:#172554;color:white}.pdw-compose-starters p{font-size:13px;margin-top:0}
.pdw-compose-advanced{margin:12px 0}.pdw-compose-advanced>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:650}.pdw-compose-advanced .pdw-compose-position{grid-template-columns:repeat(2,minmax(0,1fr))}

.pdw-compose-move{margin:12px 0}.pdw-compose-nudges{display:flex;gap:6px}.pdw-compose-nudges button{flex:1;min-width:44px;padding:8px}