.pf-stage,.pf-panel{min-width:0}.pf-stage-toolbar{margin:var(--space-4) var(--space-4) 0;flex-wrap:wrap;flex:none}.pf-stage-title{align-items:baseline;gap:var(--space-4);flex:auto;min-width:0;display:flex}.pf-stage-template{flex:none}.pf-stage-file{min-width:0;color:var(--content-tertiary)}.pf-stage-meta{align-items:center;gap:var(--space-2);flex:none;display:flex}.pf-canvas-area{min-height:0;margin:var(--space-4);padding:var(--space-7);border-radius:var(--radius-card);background-color:var(--bg-sunken);background-image:radial-gradient(var(--border-subtle) 1px, var(--bg-sunken) 1px), radial-gradient(120% 70% at 50% 0%, var(--bg-surface), var(--bg-sunken) 72%);box-shadow:var(--shadow-inset);background-size:18px 18px,100% 100%;flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.pf-canvas-area canvas{border-radius:var(--radius-xs);background:var(--bg-surface);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow-3);display:block}.pf-canvas-overlay{z-index:var(--z-sticky);justify-content:center;align-items:center;gap:var(--space-4);border-radius:inherit;background:var(--material-regular);-webkit-backdrop-filter:var(--material-blur-thin);color:var(--content-secondary);flex-direction:column;display:flex;position:absolute;inset:0}.pf-overlay-progress{width:min(260px,70%)}.pf-upload-row.ui-dropzone{width:auto;margin:0 var(--space-4) var(--space-4);padding:var(--space-3) var(--space-5);border-radius:var(--radius-control-lg);flex:none}.pf-upload-row.ui-dropzone .ui-dropzone-icon{border-radius:var(--radius-md);width:30px;height:30px;margin-bottom:0}.pf-upload-row.ui-dropzone .ui-dropzone-title{font-size:var(--text-subheadline);line-height:var(--leading-subheadline)}.pf-upload-row.ui-dropzone .ui-dropzone-hint{font-size:var(--text-footnote);line-height:var(--leading-footnote)}.pf-strip{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);overscroll-behavior-x:contain;border-top:1px solid var(--separator);flex:none;display:flex;overflow-x:auto}.pf-strip-label{flex:none;margin-inline-end:var(--space-1)}.pf-thumb{flex:none;width:48px;height:48px;position:relative}.pf-thumb-select.ui-chip{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-layer-1);width:100%;height:100%;padding:0;display:block;overflow:hidden}.pf-thumb-select.ui-chip[data-hovered]{border-color:var(--border-strong);background:var(--bg-layer-1)}.pf-thumb-select.ui-chip[data-selected]{border-color:var(--border-accent);background:var(--bg-surface);outline:var(--focus-ring-width) solid var(--border-accent);outline-offset:var(--focus-ring-offset)}.pf-thumb-select img{object-fit:cover;width:100%;height:100%;display:block}.pf-thumb-remove.ui-btn{top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));border-radius:var(--radius-pill);background:var(--bg-surface);border-color:var(--border-default);width:20px;height:20px;color:var(--content-tertiary);padding:0;position:absolute}.pf-thumb-remove.ui-btn[data-hovered]{color:var(--content-negative);border-color:var(--border-negative)}.pf-strip-add.ui-dropzone{width:auto;height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);flex:none}.pf-strip-add.ui-dropzone .ui-dropzone-icon{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--content-tertiary);box-shadow:none;background:0 0}.pf-strip-add.ui-dropzone .ui-dropzone-button{gap:var(--space-3);flex-direction:row;width:auto}.pf-strip-add.ui-dropzone .ui-dropzone-title{font-size:var(--text-footnote);line-height:var(--leading-footnote);color:var(--content-secondary);white-space:nowrap}.pf-panel-head{gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--separator);flex-direction:column;flex:none;display:flex}.pf-panel-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.pf-panel-actions{gap:var(--space-3);display:flex}.pf-panel-actions>*{flex:1 1 0;min-width:0}.pf-panel-tabs{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--separator);background:var(--bg-layer-1);flex:none}.pf-panel-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 var(--space-6);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.pf-panel-foot{gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--separator);background:var(--bg-layer-1);flex-direction:column;flex:none;display:flex}.pf-export-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-estimate{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.pf-estimate strong{color:var(--content-primary);font-weight:600}.pf-template-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-template-card.ui-chip{text-align:left;white-space:normal;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);width:100%;height:auto;box-shadow:var(--shadow-1);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.pf-template-card.ui-chip[data-hovered]{border-color:var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-2);transform:translateY(-1px)}.pf-template-card.ui-chip[data-selected]{border-color:var(--border-accent);background:var(--bg-surface);outline:var(--focus-ring-width) solid var(--border-accent);outline-offset:var(--space-1)}.pf-template-thumb{background:var(--bg-layer-1);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;height:116px;display:flex;overflow:hidden}.pf-template-thumb canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.pf-template-info{gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);text-align:left;flex-direction:column;display:flex}.pf-template-name{font-size:var(--text-footnote);line-height:var(--leading-footnote);color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pf-template-card.ui-chip[data-selected] .pf-template-name{color:var(--content-accent)}.pf-template-desc{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--content-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-chip-wrap{gap:var(--space-2);flex-wrap:wrap;display:flex}.pf-preset-chip.ui-btn{border-radius:var(--radius-pill)}.pf-brand-grid{gap:var(--space-2);max-height:224px;padding:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow-y:auto}.pf-brand-chip.ui-chip{min-width:0;height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-caption);line-height:var(--leading-caption);justify-content:flex-start;overflow:hidden}.pf-brand-chip.ui-chip[data-selected]{border-color:var(--border-accent)}.pf-brand-dot{border-radius:var(--radius-pill);background:var(--content-quaternary);flex:none;width:8px;height:8px}.pf-brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-file-preview{gap:var(--space-3);flex-direction:column;display:flex}.pf-file-preview-stage{min-height:64px;padding:var(--space-3);text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-layer-1);justify-content:center;align-items:center;display:flex}.pf-file-preview-stage img{border-radius:var(--radius-sm);background:var(--bg-surface);max-width:100%;max-height:96px;display:block}.pf-file-preview--wide .pf-file-preview-stage img{object-fit:cover;width:100%;max-height:120px}.pf-file-actions{align-items:center;gap:var(--space-3);display:flex}.pf-file-actions>.ui-dropzone{flex:auto;min-width:0}.pf-inline-dropzone.ui-dropzone{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}.pf-inline-dropzone.ui-dropzone .ui-dropzone-icon{border-radius:var(--radius-sm);width:26px;height:26px;margin-bottom:0}.pf-inline-dropzone.ui-dropzone .ui-dropzone-title{font-size:var(--text-footnote);line-height:var(--leading-footnote)}.pf-inline-dropzone.ui-dropzone .ui-dropzone-hint{font-size:var(--text-caption);line-height:var(--leading-caption)}.pf-switch-grid{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-meta-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-inline-form{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.pf-preset-list{gap:var(--space-2);flex-direction:column;display:flex}.pf-preset-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-layer-1);display:flex}.pf-preset-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.pf-preset-name{font-size:var(--text-footnote);line-height:var(--leading-footnote);color:var(--content-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pf-preset-meta{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--content-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-preset-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.pf-summary{gap:var(--space-2);flex-direction:column;display:flex}.pf-summary-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-footnote);line-height:var(--leading-footnote);color:var(--content-primary);display:flex}.pf-summary-row span:first-child{color:var(--content-tertiary)}.pf-button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:960px){.ui-workbench.pf-workbench{height:auto;max-height:100%;padding:var(--space-3);overflow-y:auto}.ui-workbench-stage.pf-stage{flex:none;height:56vh;min-height:380px}.ui-workbench-panel.pf-panel{flex:none;width:100%;max-height:none}.pf-panel-body{overflow:visible}.pf-template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pf-brand-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media (max-width:640px){.pf-stage-toolbar{margin:var(--space-3) var(--space-3) 0}.pf-canvas-area{margin:var(--space-3);padding:var(--space-4)}.pf-upload-row.ui-dropzone{margin:0 var(--space-3) var(--space-3)}.pf-upload-row.ui-dropzone .ui-dropzone-button{justify-content:center;row-gap:var(--space-1);flex-wrap:wrap}.pf-upload-row.ui-dropzone .ui-dropzone-title,.pf-upload-row.ui-dropzone .ui-dropzone-hint{white-space:normal;text-align:center;flex:auto;min-width:0}.pf-upload-row.ui-dropzone .ui-dropzone-hint{flex-basis:100%}.pf-template-thumb{height:96px}.pf-meta-grid{grid-template-columns:minmax(0,1fr)}.pf-panel-head,.pf-panel-tabs,.pf-panel-foot,.pf-panel-body{padding-inline:var(--space-5)}}