.zpl-notice{padding:16px 20px;margin:0 0 24px;border:1px solid #535d37;border-radius:8px;background:#13180f;color:#bfc9ae;font-size:.82rem;line-height:1.7}.zpl-notice strong{color:var(--acid)}.zpl-notice a,.zpl-help a{color:var(--acid);text-decoration:underline;text-underline-offset:3px}.zpl-notice p{margin:4px 0}.zpl-settings{gap:16px}.zpl-settings .field{flex-basis:110px}.zpl-settings .field:first-child{flex-basis:180px}.zpl-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.zpl-source,.zpl-preview{min-width:0}.zpl-source textarea{min-height:510px;font-size:.78rem;line-height:1.65;white-space:pre;overflow:auto}.source-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}.source-tools label{cursor:pointer}.source-tools input{max-width:100%;font:400 .65rem 'DM Mono',monospace;color:var(--muted)}.source-tools input::file-selector-button{border:1px solid #30363a;border-radius:6px;background:#0d1013;color:#b8bdb5;padding:10px;cursor:pointer;font:inherit}.zpl-source.dragging textarea{border-color:var(--acid);background:#141c0f}.zpl-caption{font:400 .65rem/1.7 'DM Mono',monospace;color:var(--muted);margin:10px 0;overflow-wrap:anywhere}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin-bottom:14px}.preview-toolbar .field{flex-direction:row;align-items:center;flex:0 1 auto;gap:8px}.preview-toolbar select{width:auto;min-height:36px;font-size:.68rem;padding:7px}.preview-toolbar>span{color:var(--muted);font:400 .65rem 'DM Mono',monospace}.preview-stage{height:510px;overflow:auto;border:1px solid #353b3e;border-radius:9px;background-color:#181b1e;background-image:linear-gradient(45deg,#1e2225 25%,transparent 25%),linear-gradient(-45deg,#1e2225 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e2225 75%),linear-gradient(-45deg,transparent 75%,#1e2225 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:24px;position:relative}.preview-stage img{display:block;background:white;max-width:none;margin:0 auto;box-shadow:0 4px 20px #0004}.preview-stage.is-fit img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.preview-stage [hidden]{display:none}.preview-empty{min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:12px;color:var(--muted);font-size:.85rem;line-height:1.7}.preview-empty strong{font-size:1.1rem;color:#d5dacf;letter-spacing:-.025em}.preview-empty .label-outline{width:64px;height:84px;border:1px solid #606957;border-radius:3px;display:grid;place-items:center;color:var(--acid);font:500 .8rem 'DM Mono',monospace;margin-bottom:8px}.zpl-actions{margin:14px 0 0}.zpl-actions .primary{min-width:155px}.zpl-help{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;line-height:1.8}.zpl-help summary{cursor:pointer;color:#cdd3c7}.zpl-help ul{padding-left:20px;max-width:850px}.zpl-help kbd{font:400 .7rem 'DM Mono',monospace;color:#dce6c1}.preview-stage[aria-busy=true]{opacity:.6}.zpl-intro .section-description{margin-bottom:0}.zpl-page .utility-workspace{padding-top:24px}.zpl-page .editor-heading{min-height:18px}
.zpl-page [hidden]{display:none}
.zpl-page a[aria-disabled=true]{opacity:.45;cursor:default}
@media(max-width:900px){.zpl-layout{grid-template-columns:1fr}.zpl-source textarea{min-height:360px}.preview-stage{height:540px}}
@media(max-width:500px){.preview-stage{height:430px;padding:16px}.zpl-notice{padding:14px}.preview-toolbar{flex-wrap:wrap}.source-tools input{width:100%}.zpl-settings .field{flex-basis:calc(50% - 16px)}}