/* Tile configurator: one continuous page, with the notebook designer's spacing. */
html.traditional-ui:has(.gd-controls-page.web-visible){height:auto!important;min-height:100%;overflow-y:auto!important;overflow-x:hidden!important}
html.traditional-ui:has(.gd-controls-page.web-visible) body{height:auto!important;min-height:100%;overflow:visible!important}
.traditional-ui main:has(.gd-controls-page.web-visible){max-width:1440px;margin:0 auto!important;padding-bottom:48px!important}
.traditional-ui main:has(.gd-controls-page.web-visible) :is(.book-toolbar,.book-scroll-note,.swipe-hint){display:none!important}
.traditional-ui #book:has(.gd-controls-page.web-visible),.traditional-ui .stage:has(.gd-controls-page.web-visible),.traditional-ui #position:has(.gd-controls-page.web-visible),.traditional-ui #book:has(.gd-controls-page.web-visible) :is(.stf__wrapper,.stf__block){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.traditional-ui #book:has(.gd-controls-page.web-visible) .stf__block{display:grid!important;grid-template-columns:minmax(290px,.9fr) minmax(320px,1.1fr)!important;align-items:start!important;gap:24px!important;padding:20px!important;box-sizing:border-box;width:100%!important}
.traditional-ui #book :is(.gd-controls-page,.gd-tile-preview-page).web-visible{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;transform:none!important;margin:0!important;border:1px solid #d5e0d9!important;border-radius:20px!important;background:#fffef9!important;box-shadow:0 10px 30px #173c2b06!important;box-sizing:border-box}
.traditional-ui #book :is(.gd-controls-page,.gd-tile-preview-page).web-visible>.paper{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:24px!important;box-sizing:border-box}
.traditional-ui #book .gd-controls-page .tile-editor{padding:0!important;min-width:0;width:100%!important;font:15px/1.5 system-ui!important}
.traditional-ui #book .gd-controls-page .gd-bar{display:block!important;margin-bottom:24px!important}
.traditional-ui #book .gd-controls-page .gd-steps{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.traditional-ui #book .gd-controls-page .gd-toggle{margin-top:12px!important}
.traditional-ui #book .gd-controls-page .gd-intro h2{font:30px/1.2 Georgia,serif!important;margin:0 0 10px!important}
.traditional-ui #book .gd-controls-page .gd-help{font:14px/1.5 system-ui!important;margin:0 0 20px!important}
.traditional-ui #book .tile-editor label{font:600 14px/1.5 system-ui!important;color:#29483d!important}
.traditional-ui #book .tile-editor :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select){box-sizing:border-box;width:100%;min-width:0;height:46px!important;min-height:46px!important;padding:10px 12px!important;border:1px solid #becfc5!important;border-radius:10px!important;background:#fff!important;font:16px/1.4 system-ui!important}
.traditional-ui #book .tile-editor textarea{width:100%!important;min-height:110px!important;padding:12px!important;border:1px solid #becfc5!important;border-radius:10px!important;box-sizing:border-box;font:16px/1.5 system-ui!important}
.traditional-ui #book .gd-tile-preview-page .tile-preview{display:block!important;padding:0!important;font:15px/1.5 system-ui!important;text-align:center}
.traditional-ui #book .tile-preview>h2{font:25px/1.25 Georgia,serif!important;margin:0 0 20px!important}
.traditional-ui #book .tile-preview .tile-surface{max-width:440px!important;margin:0 auto 20px!important}
.traditional-ui #book .tile-preview :is(.p3-open,.nivo-share-trigger){margin:0 5px 16px!important;min-height:44px!important;font:600 14px/1.3 system-ui!important}
.traditional-ui #book .digital-message-editor{margin:12px 0 0!important;padding:22px!important;border:1px solid #d5e0d9!important;border-radius:16px!important;background:#f6f8f3!important;text-align:left!important;box-shadow:none!important;font:15px/1.5 system-ui!important}
.traditional-ui #book .digital-message-editor h3{font:24px/1.25 Georgia,serif!important;margin:0 0 16px!important}
.traditional-ui #book .digital-message-editor .message-enable{display:flex!important;align-items:center;gap:10px;min-height:44px;font:600 14px/1.5 system-ui!important}
.traditional-ui #book .digital-message-editor .message-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;margin-top:20px!important}
.traditional-ui #book .digital-message-editor .message-fields[hidden]{display:none!important}
.traditional-ui #book .digital-message-editor .message-fields>label{display:flex!important;flex-direction:column;gap:6px!important;margin:0!important;min-width:0;font:600 14px/1.5 system-ui!important}
.traditional-ui #book .digital-message-editor .message-fields>label:has(textarea),.traditional-ui #book .digital-message-editor .message-fields>label:nth-child(3),.traditional-ui #book .digital-message-editor .message-fields>p,.traditional-ui #book .digital-message-editor .message-fields>button{grid-column:1/-1}
.traditional-ui #book .digital-message-editor :is(input:not([type=checkbox]),select){width:100%!important;min-width:0!important;box-sizing:border-box;height:46px!important;min-height:46px!important;padding:10px 12px!important;border:1px solid #becfc5!important;border-radius:10px!important;background:#fff!important;font:16px/1.4 system-ui!important}
.traditional-ui #book .digital-message-editor textarea{width:100%!important;box-sizing:border-box;min-height:130px!important;padding:12px!important;border:1px solid #becfc5!important;border-radius:10px!important;background:#fff!important;font:16px/1.5 system-ui!important;resize:vertical}
.traditional-ui #book .digital-message-editor .message-picture-note{margin:0!important;padding:12px 14px!important;font:13px/1.5 system-ui!important;border-radius:10px!important}
.traditional-ui #book .digital-message-editor .message-save-note{margin:16px 0 0!important;padding:14px 0 0!important;font:12px/1.5 system-ui!important;overflow-wrap:anywhere}
.traditional-ui #book .digital-message-editor .message-preview-button{min-height:48px!important;padding:12px 18px!important;border-radius:12px!important;font:600 15px/1.4 system-ui!important}
@media(max-width:850px){.traditional-ui #book:has(.gd-controls-page.web-visible) .stf__block{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:16px!important}.traditional-ui #book :is(.gd-controls-page,.gd-tile-preview-page).web-visible>.paper{padding:20px!important}}
@media(max-width:480px){.traditional-ui #book .digital-message-editor{padding:16px!important}.traditional-ui #book .digital-message-editor .message-fields{grid-template-columns:minmax(0,1fr)!important}.traditional-ui #book :is(.gd-controls-page,.gd-tile-preview-page).web-visible>.paper{padding:16px!important}}
.traditional-ui main:has(.gd-controls-page.web-visible) .tile-design-pager{max-width:none;margin:0 20px!important;padding:10px 16px!important;box-shadow:none;border-radius:14px}
.traditional-ui main:has(.gd-controls-page.web-visible) .tile-design-pager:has(>button:first-child:disabled):has(>button:nth-child(3):disabled){display:none!important}
.traditional-ui #book .gd-controls-page .gd-steps .gd-step-label{font-size:12px!important;white-space:nowrap!important;word-break:normal!important}
.traditional-ui #book .gd-controls-page .gd-steps .gd-button{padding:10px 4px!important}
.traditional-ui #book .studio-tabs.gd-tools button{min-height:46px!important;padding:10px 8px!important;display:flex!important;align-items:center;justify-content:center;gap:4px}
.traditional-ui #book .studio-tabs.gd-tools button::before{display:none!important}
.traditional-ui #book .studio-tabs.gd-tools button svg{display:none!important}
.traditional-ui #book .tile-editor .editor-row:has(select[data-edit=font]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}
.traditional-ui #book .tile-editor .editor-row:has(select[data-edit=font])>label{min-width:0!important;display:flex;flex-direction:column;gap:6px}
.traditional-ui #book .tile-editor .editor-row:has(select[data-edit=font])>label:has(input[type=color]){grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}
.traditional-ui #book .tile-editor input[type=color]{height:46px!important;width:64px!important;min-height:46px!important;padding:5px!important;border:1px solid #becfc5!important;border-radius:10px!important;background:#fff}
.traditional-ui #book .tile-editor input.brand-hex{width:120px!important;max-width:120px!important;margin:0!important}
.traditional-ui #book .tile-preview>.editor-kicker{display:none!important}
.traditional-ui #book .gd-controls-page.web-visible{order:0!important}
.traditional-ui #book .gd-tile-preview-page.web-visible{order:1!important}
.traditional-ui #book :is(.gd-controls-page,.gd-tile-preview-page).web-visible{grid-row:auto!important;grid-column:auto!important}