:root { --ink:#292825; --ink-soft:#57544d; --muted:#89847a; --line:#e7e2d9; --paper:#f7f6f2; --panel:#fffefa; --white:#fffdf9; --coral:#e87663; --coral-dark:#c85f4f; --rose:#f7e4de; --sage:#dfeade; --sage-dark:#6e896f; --sand:#efe8dc; --lilac:#e7e1ee; --canvas-bg:#f2f0ea; --room-bg:#fbfaf4; --room-grid:#d9d4c9; --room-border:#c8c2b7; --room-accent:#f5e5dc; --table-bg:#f8f0e5; --table-border:#c8b69f; --table-text:#8f795d; --table-selected-bg:#fbe0d9; --stage-bg:#eaf3e8; --stage-border:#c3d1c0; --stage-text:#738871; --shadow:0 10px 28px rgba(61,49,35,.08); --sans:'DM Sans',sans-serif; --mono:'DM Mono',monospace; --display:'Calistoga',Georgia,serif; }
*{box-sizing:border-box} html,body{margin:0;min-height:100%;overflow-x:hidden} body{background:var(--paper);color:var(--ink);font:14px/1.45 var(--sans)} button,input,select{font:inherit} button{border:0;cursor:pointer} a{text-decoration:none;color:inherit} :focus-visible{outline:3px solid rgba(232,118,99,.45);outline-offset:3px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:242px minmax(0,1fr)}
.app-sidebar{background:#30322d;color:#eeece5;display:flex;flex-direction:column;padding:21px 15px 16px;position:relative;z-index:10}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 9px 23px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.055em}.brand-mark{width:23px;height:23px;display:grid;place-items:center;color:#f28a75}.brand-mark svg{width:100%;height:100%}.brand-slash{color:#f28a75;font-weight:400;margin:0 1px}.sidebar-close{display:none}.project-switcher{width:100%;display:grid;grid-template-columns:29px 1fr 16px;align-items:center;gap:9px;padding:10px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#3c3e37;color:#f4f1e9;text-align:left}.project-switcher:hover{background:#464841}.project-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eaa48e;color:#4a423a;font:500 9px var(--mono)}.project-switcher strong,.project-switcher small{display:block}.project-switcher strong{font-size:12px;font-weight:600}.project-switcher small{margin-top:1px;color:#aeb3a9;font-size:10px}.chevron{color:#b7bbb0;text-align:center}.project-menu{display:none;position:absolute;top:91px;left:15px;right:15px;z-index:3;padding:5px;border:1px solid #595d53;border-radius:9px;background:#3e4039;box-shadow:0 12px 25px rgba(0,0,0,.22)}.project-menu.open{display:block}.project-menu button{width:100%;padding:9px;border-radius:6px;background:transparent;color:#f4f1e9;text-align:left;font-size:11px}.project-menu button:hover{background:#50544a}.project-menu small{display:block;color:#b7bcaf}.side-nav{padding-top:29px}.nav-label{margin:0 10px 10px;color:#8e9488;font:500 9px var(--mono);letter-spacing:.13em}.nav-label-spaced{margin-top:28px}.side-nav-item{width:100%;height:39px;display:flex;align-items:center;gap:11px;padding:0 10px;margin:3px 0;border-radius:7px;background:transparent;color:#b9beb3;text-align:left;font-size:12px;transition:background .2s,color .2s}.side-nav-item:hover{background:#3b3e37;color:#f4f1e9}.side-nav-item.active{background:#f0e7df;color:#423d36;font-weight:600}.nav-icon{width:16px;color:#949c8f;font-size:16px;text-align:center}.side-nav-item.active .nav-icon{color:var(--coral-dark)}.nav-count{margin-left:auto;color:#858c81;font:10px var(--mono)}.nav-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#e9a07e}.sidebar-bottom{margin-top:auto}.completion-card{padding:12px 12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#383b35}.completion-heading{display:flex;justify-content:space-between;color:#d9ddd4;font-size:10px}.completion-heading strong{color:#f3ae96;font:500 10px var(--mono)}.progress-track{height:5px;margin:10px 0 7px;overflow:hidden;border-radius:99px;background:#565c51}.progress-track span{height:100%;display:block;border-radius:inherit;background:#e7937d}.completion-card small{color:#949c8f;font-size:9px}.sidebar-account{width:100%;display:grid;grid-template-columns:30px 1fr 25px;gap:9px;align-items:center;margin-top:15px;padding:8px 7px;background:transparent;color:#e7e7df;text-align:left;border-radius:7px}.sidebar-account:hover{background:#3b3e37}.user-avatar,.header-avatar{display:grid;place-items:center;border-radius:50%;background:#aebcce;color:#354452;font:500 9px var(--mono)}.user-avatar{width:30px;height:30px}.sidebar-account strong,.sidebar-account small{display:block}.sidebar-account strong{font-size:11px}.sidebar-account small{color:#969d92;font-size:9px}.more-dots{color:#a9afa3;letter-spacing:2px;text-align:right}
.app-main{min-width:0}.app-header{height:68px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,249,.76)}.header-left,.header-right{display:flex;align-items:center;gap:17px}.breadcrumbs{display:flex;align-items:center;gap:8px;color:#9d988f;font-size:11px}.breadcrumbs a{color:var(--coral-dark)}.breadcrumbs strong{color:#5b574f;font-weight:600}.sync-status{display:flex;align-items:center;gap:6px;color:#879181;font:9px var(--mono)}.sync-status i{width:6px;height:6px;border-radius:50%;background:#86a888}.header-icon-button{width:28px;height:28px;border:1px solid #d8d2c9;border-radius:50%;background:transparent;color:#79746b;font-size:12px}.share-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:6px;background:var(--ink);color:#fffdf9;font-size:11px;font-weight:600}.share-button:hover{background:#494741}.share-icon{color:#f2aa91;font-size:15px}.header-avatar{width:31px;height:31px;border:2px solid #fff;background:#eaa48e;color:#644d43}.mobile-menu{display:none;background:transparent;color:var(--ink);font-size:20px}
.workspace-content{padding:36px 38px 55px;max-width:1540px;margin:0 auto}.workspace-title-row{display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.eyebrow{margin:0 0 8px;color:var(--coral-dark);font:500 9px var(--mono);letter-spacing:.12em}.workspace-title-row h1{margin:0;font:400 36px/1.05 var(--display);letter-spacing:-.045em}.edit-title{margin-left:8px;vertical-align:middle;background:transparent;color:#aea79e;font-size:15px}.subtle-copy{margin:10px 0 0;color:var(--muted);font-size:12px}.title-actions{display:flex;gap:9px}.primary-button,.secondary-button{height:39px;padding:0 15px;border-radius:6px;font-size:11px;font-weight:600}.primary-button{background:var(--coral);color:#fff}.primary-button:hover{background:var(--coral-dark)}.primary-button-small{height:32px;padding:0 12px;font-size:10px}.secondary-button{border:1px solid #dad4cb;background:transparent;color:#716c63}.secondary-button:hover{background:#fffdf9}.summary-strip{min-height:77px;margin-top:28px;padding:15px 18px;display:flex;align-items:center;gap:32px;border:1px solid var(--line);border-radius:9px;background:var(--white);box-shadow:0 3px 11px rgba(63,52,38,.03)}.summary-item{display:flex;align-items:center;gap:9px;min-width:104px}.summary-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;font-size:16px}.summary-icon-coral{background:var(--rose);color:var(--coral-dark)}.summary-icon-sage{background:var(--sage);color:var(--sage-dark)}.summary-icon-sand{background:var(--sand);color:#9c805c}.summary-item strong,.summary-item small{display:block}.summary-item strong{font:500 18px var(--mono);letter-spacing:-.08em}.summary-item small{margin-top:1px;color:#99938a;font-size:9px}.summary-tip{display:flex;align-items:center;gap:9px;margin-left:auto;padding-left:22px;border-left:1px solid var(--line);color:#858078;font-size:10px}.summary-tip strong{color:#5b765f}.tip-spark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8f0e6;color:#729077}.editor-toolbar-main{display:flex;align-items:center;justify-content:space-between;margin-top:29px}.view-tabs{display:flex;gap:24px}.view-tab{position:relative;padding:0 0 11px;background:transparent;color:#99938a;font-size:11px}.view-tab.active{color:var(--ink);font-weight:600}.view-tab.active:after{content:'';height:2px;position:absolute;right:0;bottom:-1px;left:0;background:var(--coral)}.editor-actions{display:flex;align-items:center;gap:5px}.toolbar-action{width:27px;height:27px;background:transparent;color:#8c877e;font-size:17px;border-radius:5px}.toolbar-action:hover,.mini-button:hover{background:#eeeae3}.toolbar-rule{height:18px;width:1px;margin:0 8px;background:var(--line)}.zoom-value{min-width:37px;color:#79746b;text-align:center;font:9px var(--mono)}.template-button,.mini-button{height:30px;padding:0 9px;border-radius:5px;background:transparent;color:#777168;font-size:10px}.template-button:hover{background:#eeeae3}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:13px;margin-top:12px}.canvas-panel,.inspector-panel{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--white);box-shadow:var(--shadow)}.canvas-panel{overflow:hidden}.canvas-panel-header{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line)}.canvas-panel-header strong,.canvas-panel-header span{display:block}.canvas-panel-header strong{font-size:11px;font-weight:600}.canvas-panel-header span{margin-top:2px;color:#aaa39a;font-size:9px}.canvas-header-actions{display:flex;gap:4px}.mini-button{height:26px;border:1px solid var(--line);font-size:9px}.mini-button.active{color:var(--coral-dark);background:#fbefeb;border-color:#f1ccc3}.canvas-viewport{height:555px;overflow:hidden;background:#f2f0ea;position:relative}.canvas-stage{position:relative;width:760px;height:500px;margin:27px auto 0;transform-origin:center;transition:transform .25s ease}.canvas-stage.grid-off .room-outline{background-image:none}.room-outline{position:absolute;inset:14px 20px 19px;border:1px solid #c8c2b7;border-radius:5px;background-color:#fbfaf4;background-image:radial-gradient(#d9d4c9 1px,transparent 1px);background-size:15px 15px;box-shadow:0 14px 22px rgba(75,62,46,.07)}.room-outline:before,.room-outline:after{content:'';position:absolute;background:#f5e5dc;opacity:.75;border-radius:50%}.room-outline:before{width:310px;height:74px;top:70px;left:207px}.room-outline:after{width:240px;height:62px;bottom:82px;left:244px}.room-wall-label{position:absolute;left:50%;transform:translateX(-50%);color:#bbb4a8;font:8px var(--mono);letter-spacing:.14em}.room-wall-label-top{top:19px}.room-wall-label-bottom{bottom:18px;color:#c3bdb2}.room-door{position:absolute;left:-1px;top:220px;padding:7px 5px;border:1px solid #c8c2b7;border-left:0;background:#fbfaf4;color:#aaa49a;font:7px var(--mono);writing-mode:vertical-rl;letter-spacing:.08em}.stage-area{position:absolute;z-index:1;left:50%;top:207px;display:flex;align-items:center;justify-content:center;gap:8px;width:154px;height:39px;transform:translateX(-50%);border:1px solid #c3d1c0;border-radius:5px;background:#eaf3e8;color:#738871;font:9px var(--mono)}.stage-area span{color:#b3976d;font-size:17px}.floor-label{position:absolute;z-index:1;top:162px;color:#c8c0b4;font:7px var(--mono);letter-spacing:.13em;writing-mode:vertical-rl}.floor-label-left{left:39px}.floor-label-right{right:39px}.table-node{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #c8b69f;background:#f8f0e5;color:#8f795d;box-shadow:0 0 0 5px rgba(255,253,249,.73);user-select:none;cursor:grab;transition:box-shadow .17s,border .17s,background .17s}.table-node:hover{box-shadow:0 0 0 5px rgba(255,253,249,.9),0 7px 15px rgba(73,57,42,.12)}.table-node:active{cursor:grabbing}.table-node.selected{border:2px solid var(--coral);background:#fbe0d9;box-shadow:0 0 0 5px rgba(232,118,99,.15),0 7px 18px rgba(73,57,42,.12)}.table-node.table-long{width:140px;height:78px;border-radius:15px}.table-node .table-name{font:500 11px var(--mono)}.table-node .table-seats{margin-top:4px;color:#a4998b;font-size:8px}.table-ring{position:absolute;width:8px;height:8px;top:10px;right:11px;border-radius:50%}.ring-coral{background:#e87663}.ring-sage{background:#84a783}.ring-sand{background:#c4a578}.ring-lilac{background:#a28cb1}.table-node[data-x="22"]{left:22%}.table-node[data-x="65"]{left:65%}.table-node[data-y="20"]{top:20%}.table-node[data-y="61"]{top:61%}.room-scale{position:absolute;right:29px;bottom:27px;color:#b4ada2;font:8px var(--mono)}.canvas-cursor{position:absolute;z-index:5;left:56%;top:45%;display:flex;align-items:center;color:var(--coral-dark);transform:rotate(-5deg)}.canvas-cursor span{font-size:27px}.canvas-cursor small{padding:4px 7px;border-radius:4px;background:var(--coral);color:#fff;font-size:8px}.canvas-panel-footer{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#9d978e;font-size:9px}.legend-dot{display:inline-block;width:6px;height:6px;margin:0 5px 1px 10px;border-radius:50%}.legend-dot:first-child{margin-left:0}.legend-coral{background:var(--coral)}.legend-sage{background:#82a382}
.inspector-panel{overflow:hidden}.inspector-tabs{height:49px;display:flex;border-bottom:1px solid var(--line)}.inspector-tab{flex:1;position:relative;background:transparent;color:#99938b;font-size:10px}.inspector-tab.active{color:var(--ink);font-weight:600}.inspector-tab.active:after{content:'';position:absolute;right:18px;bottom:-1px;left:18px;height:2px;background:var(--coral)}.inspector-tab span{margin-left:4px;color:#aaa299;font:9px var(--mono)}.inspector-body{min-height:600px}.inspector-view{display:none;padding:18px 15px}.inspector-view.active{display:block}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between}.inspector-heading strong,.inspector-heading small{display:block}.inspector-heading strong{font-size:12px}.inspector-heading small{margin-top:4px;color:#aaa39a;font-size:9px}.square-button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e0dad0;border-radius:5px;background:#fff;color:var(--coral-dark);font-size:18px}.square-button:hover{background:var(--rose)}.guest-tools{display:grid;grid-template-columns:1fr 29px;gap:6px;margin-top:17px}.search-field{height:31px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #e0dad0;border-radius:5px;color:#aaa39a}.search-field:focus-within{border-color:var(--coral)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.search-field input::placeholder{color:#aaa39a}.filter-button{border:1px solid #e0dad0;border-radius:5px;background:transparent;color:#8d867d;font-size:15px}.guest-filter-row{display:flex;gap:5px;margin:10px 0 7px}.guest-filter-row:not(.open){display:none}.filter-chip{padding:5px 7px;border:1px solid #e2dcd3;border-radius:99px;background:#fff;color:#9b958c;font-size:8px}.filter-chip.active{border-color:#ecc0b4;background:#faece8;color:var(--coral-dark)}.guest-list{max-height:390px;overflow:auto}.guest-row{width:100%;display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid #f0ece6;background:transparent;text-align:left}.guest-row:hover{background:#fcf4ef}.guest-row.selected{background:#faeee9}.guest-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#5b5148;font:8px var(--mono)}.guest-row strong,.guest-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-row strong{font-size:10px;font-weight:600}.guest-row small{margin-top:1px;color:#aaa39a;font-size:8px}.guest-status{padding:3px 4px;border-radius:4px;background:#f0f1ec;color:#788a76;font-size:7px}.guest-status.diet{background:#faf0df;color:#9b7b4f}.import-guest-button{width:100%;margin-top:13px;padding:10px 0;border:1px dashed #d6cfc3;border-radius:5px;background:#fffcf8;color:var(--coral-dark);font-size:10px}.import-guest-button span{margin-right:4px;font-size:16px}.import-guest-button small{margin-left:4px;color:#aaa39a;font:8px var(--mono)}.selected-table-badge{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:var(--rose);color:var(--coral-dark);font:10px var(--mono)}.field-label{display:block;margin-top:20px;color:#7c766d;font-size:9px;font-weight:600}.field-label input,.field-label select{width:100%;height:34px;margin-top:7px;padding:0 9px;border:1px solid #e0dad0;border-radius:5px;outline:0;background:#fff;color:var(--ink);font-size:11px}.field-label input:focus,.field-label select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(232,118,99,.1)}.range-row{display:flex;align-items:center;gap:9px;margin-top:7px}.range-row input{width:100%;accent-color:var(--coral)}.range-row output{min-width:42px;color:#777169;font:9px var(--mono)}.table-color-label{margin-top:20px;color:#7c766d;font-size:9px;font-weight:600}.color-options{display:flex;gap:8px;margin-top:9px}.color-option{width:24px;height:24px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ddd6cb}.color-option.active{box-shadow:0 0 0 2px var(--coral)}.color-coral{background:var(--coral)}.color-sage{background:#83a483}.color-sand{background:#c3a475}.color-lilac{background:#a08caf}.selected-table-guests{margin-top:24px}.mini-heading{display:flex;justify-content:space-between;align-items:center;color:#7c766d;font-size:9px;font-weight:600}.mini-heading button{padding:0;background:transparent;color:var(--coral-dark);font-size:9px}.assigned-empty{margin-top:9px;padding:12px;border-radius:5px;background:#faf8f4;color:#aaa39a;text-align:center;font-size:9px}.assigned-guest{display:flex;align-items:center;gap:7px;margin-top:8px;color:#70695f;font-size:9px}.assigned-guest .guest-avatar{width:22px;height:22px}.danger-button{width:100%;height:32px;margin-top:29px;border:1px solid #efd0c8;border-radius:5px;background:#fff9f7;color:#c86b5a;font-size:10px}.danger-button:hover{background:#fdece7}
.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(41,40,37,.4);backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.app-modal-card{width:min(100%,450px);position:relative;padding:31px;border-radius:11px;background:var(--white);box-shadow:0 25px 70px rgba(42,33,24,.25)}.modal-close{position:absolute;right:14px;top:12px;width:29px;height:29px;border-radius:50%;background:transparent;color:#8f887e;font-size:24px}.modal-close:hover{background:#f3eee7}.modal-kicker{color:var(--coral-dark);font:9px var(--mono);letter-spacing:.12em}.app-modal-card h2{margin:12px 0 9px;font:400 30px/1.08 var(--display);letter-spacing:-.04em}.app-modal-card h2 em{color:var(--coral);font-style:normal}.app-modal-card p{color:var(--muted);font-size:12px}.modal-form-label{display:block;margin-top:17px;color:#746e65;font-size:10px;font-weight:600}.modal-form-label input,.modal-form-label textarea{width:100%;margin-top:7px;padding:10px;border:1px solid #dfd8cd;border-radius:5px;outline:0;background:#fffcf8;color:var(--ink);font-size:11px}.modal-form-label textarea{min-height:100px;resize:vertical}.modal-option-row{display:flex;gap:7px;margin:13px 0}.modal-option{padding:7px 10px;border:1px solid #ded8cd;border-radius:99px;background:#fff;color:#7a746b;font-size:9px}.modal-option.active{border-color:#efb9ae;background:#fcece8;color:var(--coral-dark)}.modal-submit{width:100%;height:38px;margin-top:18px}.modal-note{display:block;margin-top:10px;color:#aaa39a;text-align:center;font-size:9px}.export-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.export-option{padding:15px 9px;border:1px solid #e1d9ce;border-radius:7px;background:#fff;text-align:left}.export-option:hover,.export-option.active{border-color:#efa99b;background:#fff7f4}.export-option strong,.export-option small{display:block}.export-option strong{font-size:11px}.export-option small{margin-top:5px;color:#aaa39a;font-size:9px}.toast{position:fixed;z-index:70;left:50%;bottom:23px;padding:10px 15px;border-radius:999px;background:#30322d;color:#fff;font-size:11px;box-shadow:0 12px 26px rgba(0,0,0,.18);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.workspace-content{padding-inline:24px}.workspace-grid{grid-template-columns:minmax(0,1fr) 260px}.canvas-viewport{height:510px}.canvas-stage{transform:scale(.9);margin-top:10px}.summary-strip{gap:17px}.summary-tip{padding-left:14px}.template-button span{display:none}}
@media(max-width:850px){.app-shell{display:block}.app-sidebar{position:fixed;inset:0 auto 0 0;width:242px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:10px 0 30px rgba(0,0,0,.15)}.app-sidebar.open{transform:translateX(0)}.sidebar-close{display:block;width:28px;height:28px;border-radius:50%;background:transparent;color:#b5baaf;font-size:22px}.app-header{padding-inline:19px}.mobile-menu{display:block}.header-left{gap:10px}.sync-status{display:none}.workspace-content{padding:28px 18px 45px}.workspace-title-row{align-items:flex-start}.title-actions{padding-top:15px}.summary-strip{flex-wrap:wrap;gap:15px}.summary-tip{flex-basis:100%;margin-left:0;padding:11px 0 0;border-top:1px solid var(--line);border-left:0}.workspace-grid{grid-template-columns:1fr}.inspector-panel{min-height:0}.inspector-body{min-height:0}.guest-list{max-height:none}.canvas-viewport{height:540px}.canvas-stage{transform:scale(.92);margin-top:18px}.canvas-cursor{display:none}}
@media(max-width:570px){.app-header{height:60px}.breadcrumbs span:not(:last-child),.breadcrumbs a{display:none}.breadcrumbs{font-size:11px}.header-right{gap:7px}.header-icon-button{display:none}.share-button{height:32px;padding-inline:10px}.share-button{font-size:0}.share-button .share-icon{font-size:16px}.workspace-content{padding:22px 12px 38px}.workspace-title-row{display:block}.workspace-title-row h1{font-size:31px}.title-actions{padding-top:17px}.title-actions .secondary-button{flex:1}.title-actions .primary-button{flex:1}.summary-strip{margin-top:22px;padding:13px}.summary-item{min-width:87px}.summary-icon{width:27px;height:27px}.summary-item strong{font-size:15px}.editor-toolbar-main{display:block;margin-top:26px}.view-tabs{gap:18px}.editor-actions{margin-top:13px;justify-content:flex-end}.editor-actions .toolbar-rule:first-of-type,.editor-actions .toolbar-action:nth-of-type(1),.editor-actions .toolbar-action:nth-of-type(2),.zoom-value,.editor-actions .toolbar-action:nth-of-type(3),.editor-actions .toolbar-action:nth-of-type(4){display:none}.canvas-panel-header{padding-inline:12px}.canvas-header-actions{display:none}.canvas-viewport{height:430px}.canvas-stage{width:620px;height:420px;transform:scale(.67);margin-top:5px}.workspace-grid{margin-top:10px}.inspector-tabs{height:45px}.inspector-view{padding:16px 13px}.export-options{grid-template-columns:1fr}.app-modal-card{padding:27px 21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Focused workspace: keep the canvas wide and show the project name in the header. */
.app-shell { grid-template-columns: minmax(0, 1fr); }
.app-sidebar { display: none !important; }
.mobile-menu { display: none !important; }

/* Workflow state additions */
.progress-steps{display:grid;gap:4px;margin-top:12px}.progress-step{width:100%;display:grid;grid-template-columns:15px 1fr auto;gap:6px;align-items:center;padding:4px 0;background:transparent;color:#9ea69a;text-align:left;font-size:9px}.progress-step:hover{color:#f1eee7}.progress-step .step-icon{display:grid;place-items:center;width:14px;height:14px;border:1px solid #647064;border-radius:50%;color:#aab3a5;font:8px var(--mono)}.progress-step.done{color:#d6dfd1}.progress-step.done .step-icon{border-color:#9ab49a;background:#9ab49a;color:#30322d}.progress-step.current{color:#fff1e9}.progress-step.current .step-icon{border-color:#efa18a;background:#e87663;color:#fff}.progress-step small{color:#eaa18a;font:8px var(--mono)}
.mode-badge{display:inline-flex;vertical-align:middle;align-items:center;height:23px;margin:0 0 3px 10px;padding:0 8px;border:1px solid #e4c3b9;border-radius:99px;background:#fff3ee;color:var(--coral-dark);font:500 8px var(--mono);letter-spacing:.04em}.canvas-empty-state{position:absolute;z-index:4;left:50%;top:46%;display:none;align-items:center;flex-direction:column;gap:5px;transform:translate(-50%,-50%);text-align:center;color:#aaa297}.canvas-empty-state.visible{display:flex}.canvas-empty-state>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2e2da;color:var(--coral);font-size:20px}.canvas-empty-state strong{color:#6e685f;font:400 19px var(--display)}.canvas-empty-state small{font-size:10px}.canvas-empty-state button{margin-top:8px;padding:7px 10px;border-radius:5px;background:var(--coral);color:#fff;font-size:10px}.guest-tools{grid-template-columns:1fr 29px 38px}.filter-button:hover,.sort-button:hover{background:#fbf1ed;color:var(--coral-dark)}
.canvas-element{position:absolute;z-index:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid #c7baa9;border-radius:9px;background:rgba(255,253,249,.9);color:#7c8a78;box-shadow:0 5px 12px rgba(61,49,35,.1);cursor:grab;font-size:22px;user-select:none}.canvas-element small{position:absolute;bottom:-15px;color:#9a9287;font-size:7px;white-space:nowrap}.element-person{background:#fae9e1;color:#c97761}.element-tree{background:#e5eee2;color:#718b70}.element-table{background:#f5ebdd;color:#a68662}.element-sign{background:#e9e2ef;color:#8b759a}
.signage-grid,.element-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.signage-card,.element-option{position:relative;padding:14px 11px;border:1px solid #e1d9ce;border-radius:7px;background:#fff;text-align:left}.signage-card:hover,.element-option:hover,.element-option.active{border-color:#efa99b;background:#fff7f4}.signage-card strong,.signage-card small,.element-option strong,.element-option small{display:block}.signage-card strong,.element-option strong{font-size:11px}.signage-card small,.element-option small{margin-top:4px;color:#aaa39a;font-size:9px}.signage-card span{position:absolute;right:9px;top:12px;color:var(--coral-dark)}.element-option>span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border-radius:7px;background:#f2e4dc;color:var(--coral-dark);font-size:16px}.element-option:nth-child(2)>span{background:#e5eee2;color:#70896f}.element-option:nth-child(3)>span{background:#f3ebdc;color:#9a7d58}.element-option:nth-child(4)>span{background:#e8e1ef;color:#8c7799}
@media(max-width:570px){.mode-badge{height:20px;margin-left:5px;padding-inline:6px;font-size:7px}.progress-steps{display:none}.guest-tools{grid-template-columns:1fr 29px 38px}.canvas-empty-state{width:210px}}

/* Template path */
.template-picker-view { padding: 43px 0 70px; }
.template-picker-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 35px; }
.template-picker-heading-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.template-picker-heading h1 { margin: 18px 0 13px; color: var(--ink); font: 400 clamp(42px, 5vw, 67px)/.94 var(--display); letter-spacing: -.055em; }
.template-picker-heading h1 em { color: var(--coral); font-style: normal; }
.template-picker-heading p:not(.eyebrow) { max-width: 470px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.template-location-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; padding: 7px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.56); }
.template-location-tab { display: inline-flex; align-items: center; gap: 7px; min-height: 37px; padding: 0 12px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #82786d; font: 500 11px var(--body); cursor: pointer; transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; }
.template-location-tab span { color: var(--coral); font-size: 16px; line-height: 1; }
.template-location-tab:hover, .template-location-tab:focus-visible { color: var(--ink); border-color: #ead7ca; background: #fffdfa; transform: translateY(-1px); }
.template-location-tab.active { border-color: #e6b3a5; background: #fbe9e2; color: var(--coral-dark); box-shadow: 0 3px 9px rgba(232,118,99,.12); }
.template-location-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 16px; padding: 15px 17px; border-radius: 8px; background: #f4efe8; }
.template-location-intro > div { display: flex; align-items: center; gap: 10px; color: var(--ink); font: 500 19px var(--display); }
.template-location-intro > div span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #fbe1d7; color: var(--coral-dark); font-size: 17px; }
.template-location-intro p { max-width: 520px; margin: 0; color: #8f8376; font-size: 11px; line-height: 1.55; text-align: right; }
.template-picker-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.layout-card { min-height: 315px; display: flex; flex-direction: column; align-items: flex-start; padding: 17px; border: 1px solid var(--line); border-radius: 9px; background: var(--white); color: var(--ink); text-align: left; box-shadow: 0 7px 20px rgba(68, 56, 42, .035); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.layout-card:hover, .layout-card:focus-visible { border-color: #e9a494; box-shadow: 0 14px 28px rgba(68, 56, 42, .1); transform: translateY(-3px); }
.layout-card-kicker { color: #a49a8e; font: 8px var(--mono); letter-spacing: .13em; }
.layout-preview { position: relative; width: 100%; height: 155px; display: grid; place-items: center; overflow: hidden; margin: 15px 0 16px; border-radius: 6px; background-color: #fbfaf6; background-image: radial-gradient(#e5ddd1 1px, transparent 1px); background-size: 12px 12px; }
.layout-preview:before { content: ''; position: absolute; inset: 13px; border: 1px dashed rgba(176, 160, 143, .35); border-radius: 4px; }
.layout-preview i { position: absolute; z-index: 1; width: 42px; height: 42px; border: 2px solid #dfa08e; border-radius: 50%; background: #f7dfd5; box-shadow: 0 0 0 5px rgba(255,255,255,.72); }
.layout-preview i:after { content: ''; position: absolute; width: 7px; height: 7px; top: -8px; left: 15px; border-radius: 50%; background: #8fac8d; box-shadow: 25px 12px 0 #c8aa79, 0 30px 0 #a89bb5, -25px 12px 0 #9bb4c1; }
.layout-preview b { position: relative; z-index: 2; color: #987964; font: 7px var(--mono); letter-spacing: .11em; }
.layout-illustration { position: relative; z-index: 2; display: block; width: 100%; height: 100%; overflow: visible; }
.layout-card-rows .layout-preview, .layout-card-long .layout-preview { background-color: #fbfaf6; }
.layout-card-ballroom .layout-preview i:nth-of-type(1) { left: 23%; top: 22%; }.layout-card-ballroom .layout-preview i:nth-of-type(2) { right: 23%; top: 22%; }.layout-card-ballroom .layout-preview i:nth-of-type(3) { left: 23%; bottom: 20%; }.layout-card-ballroom .layout-preview i:nth-of-type(4) { right: 23%; bottom: 20%; }
.layout-card-family .layout-preview i { width: 112px; height: 31px; border-radius: 12px; }.layout-card-family .layout-preview i:nth-of-type(1) { left: 13%; top: 25%; }.layout-card-family .layout-preview i:nth-of-type(2) { right: 13%; top: 25%; }.layout-card-family .layout-preview i:nth-of-type(3) { left: 25%; bottom: 22%; }
.layout-card-garden .layout-preview { background-color: #f0f4ed; }.layout-card-garden .layout-preview i { border-color: #8fae8e; background: #e2eee0; }.layout-card-garden .layout-preview i:nth-of-type(1) { left: 20%; top: 27%; }.layout-card-garden .layout-preview i:nth-of-type(2) { right: 20%; top: 27%; }.layout-card-garden .layout-preview i:nth-of-type(3) { left: 43%; bottom: 16%; }
.layout-card-u-shape .layout-preview i { width: 105px; height: 29px; border-radius: 11px; }.layout-card-u-shape .layout-preview i:nth-of-type(1) { left: 24%; top: 20%; }.layout-card-u-shape .layout-preview i:nth-of-type(2) { left: 20%; top: 52%; transform: rotate(90deg); }.layout-card-u-shape .layout-preview i:nth-of-type(3) { right: 20%; top: 52%; transform: rotate(90deg); }.layout-card-u-shape .layout-preview i:nth-of-type(4) { display: none; }
.layout-card-sweetheart .layout-preview i { width: 45px; height: 30px; border-radius: 50% 50% 12px 12px; }.layout-card-sweetheart .layout-preview i:nth-of-type(1) { left: 43%; top: 18%; border-color: #e87663; }.layout-card-sweetheart .layout-preview i:nth-of-type(2) { left: 22%; bottom: 20%; }.layout-card-sweetheart .layout-preview i:nth-of-type(3) { right: 22%; bottom: 20%; }
.layout-card-blank .layout-preview { background-color: #f7f1e8; }.layout-card-blank .layout-preview i { width: 74px; height: 45px; border-style: dashed; border-color: #c6b7a5; background: transparent; }.layout-card-blank .layout-preview i:after { display: none; }
.layout-card > strong { max-width: 100%; color: #4b473f; font: 500 19px/1.12 var(--display); letter-spacing: -.02em; }
.layout-card > small { margin-top: 6px; color: #989086; font-size: 10px; line-height: 1.45; }
.layout-card > small b { color: #756657; font-weight: 600; }
.layout-card-action { margin-top: auto; padding-top: 15px; color: var(--coral-dark); font-size: 10px; font-weight: 600; }
.layout-card-rows .layout-preview i, .layout-card-aisle .layout-preview i { width: 78px; height: 13px; border-radius: 8px; background: #efe6da; border-color: #c6ae94; }
.layout-card-rows .layout-preview i:nth-of-type(1) { left: 22%; top: 20%; }.layout-card-rows .layout-preview i:nth-of-type(2) { right: 22%; top: 20%; }.layout-card-rows .layout-preview i:nth-of-type(3) { left: 22%; top: 52%; }.layout-card-rows .layout-preview i:nth-of-type(4) { right: 22%; top: 52%; }.layout-card-rows .layout-preview i:nth-of-type(5) { left: 38%; bottom: 12%; }
.layout-card-aisle .layout-preview:after { content: ''; position: absolute; top: 18px; bottom: 18px; left: 50%; width: 20px; transform: translateX(-50%); border-right: 2px dashed #e87663; border-left: 2px dashed #e87663; opacity: .55; }.layout-card-aisle .layout-preview i:nth-of-type(1) { left: 15%; top: 22%; }.layout-card-aisle .layout-preview i:nth-of-type(2) { right: 15%; top: 22%; }.layout-card-aisle .layout-preview i:nth-of-type(3) { left: 15%; bottom: 17%; }.layout-card-aisle .layout-preview i:nth-of-type(4) { right: 15%; bottom: 17%; }
.layout-card-round .layout-preview i:nth-of-type(1) { left: 19%; top: 20%; }.layout-card-round .layout-preview i:nth-of-type(2) { right: 19%; top: 20%; }.layout-card-round .layout-preview i:nth-of-type(3) { left: 19%; bottom: 17%; }.layout-card-round .layout-preview i:nth-of-type(4) { right: 19%; bottom: 17%; }
.layout-card-long .layout-preview i { width: 112px; height: 30px; border-radius: 11px; background: #f4e8dd; }.layout-card-long .layout-preview i:nth-of-type(1) { left: 12%; top: 25%; }.layout-card-long .layout-preview i:nth-of-type(2) { right: 12%; top: 25%; }.layout-card-long .layout-preview i:nth-of-type(3) { left: 30%; bottom: 21%; }
.layout-card-mixed .layout-preview i:nth-of-type(1) { left: 42%; top: 16%; border-color: #e87663; }.layout-card-mixed .layout-preview i:nth-of-type(2) { left: 18%; bottom: 17%; }.layout-card-mixed .layout-preview i:nth-of-type(3) { right: 18%; bottom: 17%; }.layout-card-mixed .layout-preview i:nth-of-type(4) { left: 42%; bottom: 8%; }
.layout-card-u-shape .layout-preview i { width: 100px; height: 27px; border-radius: 10px; }.layout-card-u-shape .layout-preview i:nth-of-type(1) { left: 25%; top: 18%; }.layout-card-u-shape .layout-preview i:nth-of-type(2) { left: 18%; top: 52%; transform: rotate(90deg); }.layout-card-u-shape .layout-preview i:nth-of-type(3) { right: 18%; top: 52%; transform: rotate(90deg); }
.layout-card-sweetheart .layout-preview i { width: 47px; height: 31px; border-radius: 50% 50% 12px 12px; }.layout-card-sweetheart .layout-preview i:nth-of-type(1) { left: 42%; top: 17%; border-color: #e87663; background: #f7d9cf; }.layout-card-sweetheart .layout-preview i:nth-of-type(2) { left: 20%; bottom: 17%; }.layout-card-sweetheart .layout-preview i:nth-of-type(3) { right: 20%; bottom: 17%; }
.layout-card-blank .layout-preview { background-color: #f7f1e8; }.blank-template-row { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(0, 1fr); align-items: center; gap: 24px; margin-top: 14px; padding: 18px; border: 1px dashed #d8cabb; border-radius: 10px; background: #fbf7f0; }.blank-template-row .layout-card { min-height: 250px; }.blank-template-row > div { padding: 10px 18px; }.blank-template-row > div > strong { color: #5a4d42; font: 500 25px var(--display); }.blank-template-row > div p { max-width: 370px; color: #92877a; font-size: 12px; line-height: 1.7; }
.modal-required .modal-close { display: none; }
.file-drop { display: grid; gap: 5px; margin-top: 17px; padding: 15px; border: 1px dashed #e3b6aa; border-radius: 7px; background: #fff8f5; color: #756b61; cursor: pointer; }
.file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.file-drop strong { color: var(--coral-dark); font-size: 11px; }.file-drop small { color: #aaa096; font-size: 9px; }
.bundle-options { display: grid; gap: 8px; margin-top: 17px; }
.bundle-option { display: grid; grid-template-columns: 72px 1fr; gap: 2px 10px; align-items: center; padding: 12px; border: 1px solid #e1d9ce; border-radius: 7px; background: #fff; color: var(--ink); text-align: left; }.bundle-option:hover, .bundle-option.active { border-color: #efa99b; background: #fff7f4; }.bundle-option .bundle-price { grid-row: 1 / 3; color: var(--coral-dark); font: 500 18px var(--mono); }.bundle-option strong { font-size: 11px; }.bundle-option small { color: #aaa39a; font-size: 9px; }
.venue-tools, .table-type-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 17px; }.venue-tool, .table-type-option { min-height: 67px; padding: 12px; border: 1px solid #e1d9ce; border-radius: 7px; background: #fff; color: var(--ink); text-align: left; }.venue-tool:hover, .venue-tool.active, .table-type-option:hover, .table-type-option.active { border-color: #efa99b; background: #fff7f4; }.venue-tool strong, .venue-tool small, .table-type-option strong, .table-type-option small { display: block; }.venue-tool strong, .table-type-option strong { font-size: 11px; }.venue-tool small, .table-type-option small { margin-top: 4px; color: #aaa39a; font-size: 9px; }.table-type-visual { display: block; width: 32px; height: 24px; margin-bottom: 8px; border: 1px solid #d98e7d; background: #fae4dc; }.table-type-round { border-radius: 50%; }.table-type-long { width: 46px; border-radius: 7px; }.table-type-sweetheart { border-radius: 50% 50% 5px 5px; }.table-type-head { width: 52px; height: 18px; border-radius: 5px; }
.table-node.table-sweetheart { width: 115px; height: 64px; border-radius: 50% 50% 16px 16px; }.table-node.table-head { width: 170px; height: 64px; border-radius: 14px; }.canvas-element.element-dance-floor, .canvas-element.element-stage, .canvas-element.element-bar { width: 96px; border-radius: 50%; background: #f6e6dd; color: #b47a68; font-size: 15px; }.canvas-element.element-restrooms { background: #e7efe4; color: #6f896f; }
.seat-dot { position: absolute; z-index: 4; top: 50%; left: 50%; width: 20px; height: 20px; display: grid; place-items: center; padding: 0; border: 1px solid #d7c7b6; border-radius: 50%; background: #fffdfa; color: #a79a8b; font: 7px var(--mono); transform: rotate(calc(var(--seat-index) * 360deg / var(--seat-count))) translateY(-61px) rotate(calc(var(--seat-index) * -360deg / var(--seat-count))); transition: background .17s, border-color .17s, transform .17s; }.seat-dot:hover, .seat-dot:focus-visible { border-color: var(--coral); background: #fce9e2; color: var(--coral-dark); }.seat-dot-filled { border-color: #91aa91; background: #dcebdd; color: #607a62; }.table-long .seat-dot, .table-head .seat-dot { transform: rotate(calc(var(--seat-index) * 360deg / var(--seat-count))) translateY(-82px) rotate(calc(var(--seat-index) * -360deg / var(--seat-count))); }.table-sweetheart .seat-dot { transform: rotate(calc(var(--seat-index) * 360deg / var(--seat-count))) translateY(-67px) rotate(calc(var(--seat-index) * -360deg / var(--seat-count))); }
@media(max-width:900px){.template-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-picker-heading{align-items:flex-start;flex-direction:column}.template-location-intro{align-items:flex-start;flex-direction:column}.template-location-intro p{text-align:left}.blank-template-row{grid-template-columns:1fr}.editor-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:570px){.template-picker-view{padding:25px 0 45px}.template-picker-heading h1{font-size:43px}.template-picker-heading .secondary-button{align-self:stretch}.template-picker-grid{grid-template-columns:1fr}.layout-card{min-height:285px}.layout-preview{height:135px}.venue-tools,.table-type-options{grid-template-columns:1fr}.bundle-option{grid-template-columns:67px 1fr}.editor-actions .template-button span{display:none}}
/* Guest modal hierarchy and touch-friendly type choices */
.modal-field-caption{margin-top:17px;color:#746e65;font-size:10px;font-weight:600}
.modal-option-row{display:flex;gap:7px;margin:7px 0 13px}
.modal-option{min-height:36px;padding:8px 14px;font-size:10px}
.guest-suggestions{position:relative;z-index:2;margin-top:5px;overflow:hidden;border:1px solid #e3d8cb;border-radius:6px;background:#fffdf9;box-shadow:0 8px 18px rgba(61,49,35,.1)}.guest-suggestion{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;background:transparent;color:var(--ink);text-align:left}.guest-suggestion:hover{background:#fff1ec}.guest-suggestion .guest-avatar{width:24px;height:24px;flex:none}.guest-suggestion strong,.guest-suggestion small{display:block}.guest-suggestion strong{font-size:10px}.guest-suggestion small{margin-top:2px;color:#aaa39a;font-size:8px}
.canvas-element{touch-action:none;transition:box-shadow .16s,transform .16s}.canvas-element.dragging{cursor:grabbing;transform:scale(1.08);box-shadow:0 10px 22px rgba(61,49,35,.2);z-index:9}
.canvas-viewport{touch-action:none;cursor:grab}.canvas-viewport.is-panning{cursor:grabbing}.canvas-viewport.is-panning .canvas-stage{transition:none}
.canvas-minimap{position:absolute;z-index:12;right:12px;bottom:12px;width:142px;padding:8px;border:1px solid rgba(205,197,185,.9);border-radius:7px;background:rgba(255,253,249,.94);box-shadow:0 8px 20px rgba(63,52,38,.14);pointer-events:none}
.minimap-title{display:block;margin-bottom:6px;color:#8f877d;font:7px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.minimap-room{position:relative;height:82px;overflow:hidden;border:1px solid #ded8cc;border-radius:4px;background:#fbfaf4;background-image:radial-gradient(#d9d4c9 1px,transparent 1px);background-size:7px 7px}
.minimap-dance{position:absolute;left:27%;top:31%;width:47%;height:19%;border-radius:50%;background:#f5e5dc;opacity:.8}
.minimap-stage{position:absolute;left:37%;top:56%;width:26%;height:9%;border:1px solid #b9cdb5;border-radius:2px;background:#eaf3e8}
.minimap-table{position:absolute;width:15px;height:15px;transform:translate(-50%,-50%);border:1px solid #c8b69f;border-radius:50%;background:#f8f0e5}
.minimap-table.minimap-long,.minimap-table.minimap-head{width:25px;height:10px;border-radius:3px}
.minimap-table.selected{border-color:var(--coral);background:#fbe0d9}
.minimap-element{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:2px;background:#83a483}
.minimap-element-dance-floor,.minimap-element-stage,.minimap-element-bar{width:12px;height:5px;border-radius:50%;background:#e4b2a3}
.minimap-viewport-frame{position:absolute;border:1px solid var(--coral);border-radius:2px;box-shadow:0 0 0 1px rgba(232,118,99,.16);pointer-events:none}
.guest-row-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid #f0ece6}.guest-row-wrapper .guest-row{flex:1;border-bottom:0}.guest-delete{width:24px;height:24px;margin-right:1px;border-radius:4px;background:transparent;color:#b3aaa0;font-size:16px;line-height:1}.guest-delete:hover{background:#fff0ec;color:var(--coral-dark)}
.canvas-element.selected{border-color:var(--coral);box-shadow:0 0 0 3px rgba(232,118,99,.18),0 8px 18px rgba(61,49,35,.16)}
.element-delete{position:absolute;top:-9px;right:-9px;width:22px;height:22px;padding:0;border:1px solid #f0b1a5;border-radius:50%;background:#fffaf4;color:var(--coral-dark);font-size:15px;line-height:19px;box-shadow:0 2px 7px rgba(61,49,35,.16);cursor:pointer}.element-delete:hover{background:#fff0ec}
.safe-area-overlay{position:absolute;z-index:7;inset:7% 8%;border:2px dashed #e87663;border-radius:6px;background:rgba(232,118,99,.045);pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.safe-area-overlay span{position:absolute;top:8px;left:10px;padding:4px 6px;border-radius:3px;background:#fff4ef;color:#c86b5a;font:700 8px var(--mono);letter-spacing:.12em}
.measure-overlay{position:absolute;z-index:8;inset:0;pointer-events:none}.measure-line{position:absolute;height:2px;background:var(--coral);transform-origin:0 50%;box-shadow:0 0 0 1px rgba(255,255,255,.6)}.measure-handle{position:absolute;width:16px;height:16px;padding:0;border:2px solid var(--coral);border-radius:50%;background:#fffaf4;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;box-shadow:0 2px 7px rgba(61,49,35,.16)}.measure-handle:active{cursor:grabbing}.measure-label{position:absolute;padding:3px 6px;border-radius:4px;background:var(--coral);color:#fff;font:8px var(--mono);transform:translate(-50%,-145%);white-space:nowrap}.measure-remove{position:absolute;width:20px;height:20px;padding:0;border:1px solid #f0b1a5;border-radius:50%;background:#fffaf4;color:var(--coral-dark);font-size:14px;line-height:17px;transform:translate(25px,-50%);pointer-events:auto;cursor:pointer;box-shadow:0 2px 7px rgba(61,49,35,.14)}.measure-remove:hover{background:#fff0ec}
.layout-copy-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fffaf4}.layout-copy-panel strong,.layout-copy-panel small{display:block}.layout-copy-panel strong{font-size:12px;color:var(--ink)}.layout-copy-panel small{max-width:330px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.layout-copy-panel .secondary-button{flex:none;white-space:nowrap}
.toolbar-action:disabled{opacity:.35;cursor:not-allowed}
:root[data-style="meadow-notes"]{--ink:#324238;--ink-soft:#55675a;--muted:#7d8e84;--line:#dce6da;--paper:#f2f5ef;--panel:#fffdf8;--white:#fffefa;--coral:#cf806d;--coral-dark:#a85c4e;--rose:#f3e1da;--sage:#d9e8d7;--sage-dark:#648168;--sand:#efe5d5;--lilac:#e6e0eb;--canvas-bg:#edf3eb;--room-bg:#fcfbf5;--room-grid:#d3dfd0;--room-border:#bdcbb9;--room-accent:#e3efe0;--table-bg:#f7f0e4;--table-border:#afc3ad;--table-text:#68806b;--table-selected-bg:#f2ddd7;--stage-bg:#e5f1e3;--stage-border:#b8cfb7;--stage-text:#638066}
:root[data-style="sunday-paper"]{--ink:#2b2522;--ink-soft:#5f524b;--muted:#8e8177;--line:#e7dbd1;--paper:#f4eee8;--panel:#fffaf5;--white:#fffdf9;--coral:#b96352;--coral-dark:#8f493d;--rose:#f0ddd5;--sage:#d5dbcf;--sage-dark:#657363;--sand:#ead9c9;--lilac:#ded5e3;--canvas-bg:#f1e9e2;--room-bg:#fffaf3;--room-grid:#e3d8cc;--room-border:#d2c0af;--room-accent:#f0dfd1;--table-bg:#f3e5d8;--table-border:#c6a38a;--table-text:#76584b;--table-selected-bg:#ecd1c8;--stage-bg:#e8eee2;--stage-border:#bfcdb9;--stage-text:#687860}
:root[data-style="coastal-blue"]{--ink:#273b43;--ink-soft:#4d646b;--muted:#71838a;--line:#d8e5e6;--paper:#eff5f5;--panel:#fbfefd;--white:#fbfffe;--coral:#5d99a8;--coral-dark:#3d707d;--rose:#dcecef;--sage:#dce9df;--sage-dark:#5e806f;--sand:#f0e4d0;--lilac:#dedff0;--canvas-bg:#e8f1f2;--room-bg:#fbfdfa;--room-grid:#c9dcdf;--room-border:#b3cdd0;--room-accent:#e4f0f0;--table-bg:#eaf3f3;--table-border:#8eafb5;--table-text:#416872;--table-selected-bg:#d9edf0;--stage-bg:#e3f1ed;--stage-border:#b5d1c7;--stage-text:#52776f}
:root[data-style="candlelit-terracotta"]{--ink:#382a27;--ink-soft:#634a42;--muted:#92786d;--line:#ead8ca;--paper:#f7eee7;--panel:#fffaf5;--white:#fffdf9;--coral:#b75c4d;--coral-dark:#853f37;--rose:#f2dcd2;--sage:#d1dcc7;--sage-dark:#5d765d;--sand:#e9d1ad;--lilac:#d9c5c8;--canvas-bg:#f5eae2;--room-bg:#fffaf4;--room-grid:#e3cbbd;--room-border:#d5ad99;--room-accent:#f0d8c7;--table-bg:#f4e4d7;--table-border:#c18b75;--table-text:#795044;--table-selected-bg:#f4d6cc;--stage-bg:#e5eddc;--stage-border:#b9c8a9;--stage-text:#667b5e}
.canvas-viewport{background:var(--canvas-bg)}.room-outline{border-color:var(--room-border);background-color:var(--room-bg);background-image:radial-gradient(var(--room-grid) 1px,transparent 1px)}.room-outline:before,.room-outline:after{background:var(--room-accent)}.room-door{border-color:var(--room-border);background:var(--room-bg)}.stage-area{border-color:var(--stage-border);background:var(--stage-bg);color:var(--stage-text)}.table-node{border-color:var(--table-border);background:var(--table-bg);color:var(--table-text)}.table-node.selected{border-color:var(--coral);background:var(--table-selected-bg)}.table-node .table-seats{color:var(--muted)}.template-options{grid-template-columns:repeat(2,minmax(0,1fr))}.template-option{position:relative;min-height:116px}.style-swatch{display:block;width:100%;height:25px;margin-bottom:10px;border:1px solid rgba(60,50,40,.12);border-radius:4px;background:linear-gradient(90deg,#dfeade 0 35%,#f7f6f2 35% 70%,#e87663 70%)}.style-swatch-meadow-notes{background:linear-gradient(90deg,#d9e8d7 0 35%,#fcfbf5 35% 70%,#cf806d 70%)}.style-swatch-sunday-paper{background:linear-gradient(90deg,#2b2522 0 35%,#fffaf3 35% 70%,#b96352 70%)}.style-swatch-coastal-blue{background:linear-gradient(90deg,#dcecef 0 35%,#fbfdfa 35% 70%,#5d99a8 70%)}.style-swatch-candlelit-terracotta{background:linear-gradient(90deg,#f2dcd2 0 35%,#fffaf4 35% 70%,#b75c4d 70%)}
:root[data-style="coastal-blue"] .ring-coral{background:#5d99a8}:root[data-style="candlelit-terracotta"] .ring-coral{background:#b75c4d}:root[data-style="meadow-notes"] .ring-coral{background:#cf806d}:root[data-style="sunday-paper"] .ring-coral{background:#b96352}
.secondary-editor-view{margin-top:12px;border:1px solid var(--line);border-radius:9px;background:var(--white);box-shadow:var(--shadow);padding:24px}.secondary-view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.secondary-view-heading h2{margin:10px 0 7px;font:400 clamp(25px,3vw,38px)/1 var(--display);letter-spacing:-.04em}.secondary-view-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.view-state-badge{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--sage-dark);background:var(--sage);font:9px var(--mono);white-space:nowrap}.flow-view-grid,.print-view-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;margin-top:18px}.flow-route-panel,.flow-checks-panel,.print-preview-details{border:1px solid var(--line);border-radius:8px;background:#fffdf9}.flow-route-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.flow-route-heading strong{font-size:12px}.flow-route-heading small{color:var(--muted);font-size:9px}.flow-route-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;padding:16px}.flow-stop{position:relative;min-height:118px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.flow-stop:not(:last-child):after{content:'→';position:absolute;right:-17px;top:47px;z-index:2;color:var(--coral);font-size:17px}.flow-stop-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--rose);color:var(--coral-dark);font:9px var(--mono)}.flow-stop strong,.flow-stop small,.flow-stop p{display:block}.flow-stop strong{margin-top:12px;font-size:11px}.flow-stop small{margin-top:4px;color:var(--muted);font-size:9px}.flow-stop p{margin:9px 0 0;color:var(--ink-soft);font-size:9px;line-height:1.5}.flow-stop-intro{background:var(--stage-bg);border-color:var(--stage-border)}.flow-empty{padding:32px;color:var(--muted);font-size:11px}.flow-checks-panel{display:flex;flex-direction:column;gap:9px;padding:12px}.flow-check-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:7px;background:var(--paper)}.flow-check-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--sage);color:var(--sage-dark);font:12px var(--mono)}.flow-check-icon-warn{background:var(--sand);color:#9b7b4f}.flow-check-card strong,.flow-check-card small{display:block}.flow-check-card strong{font-size:10px}.flow-check-card small{margin-top:3px;color:var(--muted);font-size:8px}.print-preview-content{padding:20px;border-radius:8px;background:var(--canvas-bg);border:1px solid var(--line)}.print-sheet{position:relative;max-width:720px;min-height:475px;margin:0 auto;padding:22px 22px 17px;background:var(--preview-room);border:1px solid var(--preview-border);box-shadow:0 11px 24px rgba(60,48,36,.09)}.print-sheet-heading,.print-sheet-footer{display:flex;justify-content:space-between;gap:12px;color:var(--ink);font:10px var(--mono)}.print-sheet-heading small,.print-sheet-footer{color:var(--muted);font-size:8px}.print-room{position:relative;height:365px;margin-top:17px;border:1px solid var(--preview-border);border-radius:6px;background-image:radial-gradient(var(--room-grid) 1px,transparent 1px);background-size:15px 15px;background-color:var(--preview-room);overflow:hidden}.print-safe-area{position:absolute;inset:22px;border:1px dashed var(--preview-accent);color:var(--preview-accent);font:8px var(--mono);letter-spacing:.1em;padding:8px;pointer-events:none}.print-table{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:82px;height:82px;transform:translate(-50%,-50%);border:2px solid;border-radius:50%;font-size:9px}.print-table-long,.print-table-head{width:130px;height:54px;border-radius:12px}.print-table strong{font:10px var(--mono)}.print-table small{margin-top:4px;color:var(--muted);font-size:8px}.print-table span{max-width:90%;margin-top:4px;overflow:hidden;color:var(--ink-soft);font-size:7px;text-align:center;white-space:nowrap;text-overflow:ellipsis}.print-sheet-footer{margin-top:13px}.print-preview-details{display:flex;flex-direction:column;gap:9px;padding:17px;align-self:start}.print-preview-details strong{font-size:12px}.print-preview-details p{margin:0;color:var(--muted);font-size:10px}.print-preview-details .secondary-button{margin-top:8px}.modal-cancel-action{width:100%;margin-top:8px}.guest-row-wrapper{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center}.guest-row-wrapper .guest-row{border-bottom:0}.guest-delete{width:23px;height:23px;border-radius:50%;background:transparent;color:#a9a096;font-size:16px}.guest-delete:hover{background:var(--rose);color:var(--coral-dark)}
@media (max-width:850px){.secondary-view-heading{display:block}.view-state-badge{display:inline-block;margin-top:14px}.flow-view-grid,.print-view-grid{grid-template-columns:1fr}.flow-stop:not(:last-child):after{display:none}.flow-route-line{grid-template-columns:1fr 1fr}.print-sheet{min-height:390px}.print-room{height:280px}}
@media (max-width:570px){.secondary-editor-view{padding:17px}.flow-route-line{grid-template-columns:1fr}.print-preview-content{padding:10px}.print-sheet{min-height:320px;padding:14px}.print-room{height:220px}.print-table{width:60px;height:60px}.print-table-long,.print-table-head{width:95px;height:42px}}
@media(max-width:570px){.template-options{grid-template-columns:1fr}}
.app-modal-card.print-export-modal{width:min(100%,820px);max-height:calc(100vh - 28px);overflow:auto;padding:27px}.print-export-modal h2{margin-bottom:7px}.print-export-preview{min-height:290px;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--canvas-bg);overflow:hidden}.print-export-preview svg{display:block;width:100%;height:auto;max-height:43vh;object-fit:contain;box-shadow:0 8px 20px rgba(60,48,36,.12)}.print-size-section,.print-format-section{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.print-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}.print-section-heading strong{font-size:11px}.print-section-heading small{color:var(--muted);font-size:9px}.print-size-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.print-size-option{min-height:52px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);text-align:left}.print-size-option:hover,.print-size-option.active{border-color:var(--coral);background:var(--rose);box-shadow:0 0 0 2px rgba(232,118,99,.08)}.print-size-option strong,.print-size-option small{display:block}.print-size-option strong{font-size:10px}.print-size-option small{margin-top:4px;color:var(--muted);font-size:8px}.custom-size-fields{display:flex;align-items:end;gap:8px;margin-top:10px}.custom-size-fields[hidden]{display:none}.custom-size-fields label{flex:1;color:var(--muted);font-size:9px}.custom-size-fields input{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink)}.custom-size-fields>span{padding-bottom:8px;color:var(--muted)}.print-format-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.print-format-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;padding:10px 12px;border:0;border-radius:7px}.print-format-button strong,.print-format-button small{display:block}.print-format-button strong{font-size:11px}.print-format-button small{margin-top:3px;color:rgba(255,255,255,.75);font-size:8px}.print-export-upsell{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:13px;border-top:1px dashed var(--line);color:var(--muted);font-size:9px}.print-export-upsell span{margin-right:auto}.print-export-upsell .bundle-option{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--coral-dark);font-size:9px;white-space:nowrap}.print-export-upsell .bundle-option:hover{border-color:var(--coral);background:var(--rose)}.print-export-inline-preview{padding:12px;background:var(--canvas-bg);border-radius:7px}.print-export-inline-preview svg{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.print-export-inline-preview+*{max-width:100%}
.batch-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.batch-preview-card{min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--white)}.batch-preview-card>span{display:block;margin-bottom:6px;color:var(--muted);font:8px var(--mono);white-space:nowrap}.batch-preview-card svg{display:block;width:100%;height:auto;max-height:30vh;box-shadow:none}
@media(max-width:680px){.app-modal-card.print-export-modal{padding:20px 15px}.print-size-options{grid-template-columns:repeat(2,1fr)}.print-format-actions{grid-template-columns:1fr}.print-export-upsell{align-items:flex-start;flex-wrap:wrap}.print-export-upsell span{width:100%;margin-right:0}.print-export-preview{min-height:190px}.print-export-preview svg{max-height:35vh}}

/* Landscape print modal: keep the complete workflow visible at 100% zoom. */
@media (min-width:420px){
  .app-modal-card.print-export-modal{
    display:grid;
    grid-template-columns:minmax(265px,315px) minmax(0,1fr);
    grid-template-rows:auto auto auto minmax(auto,1fr) auto auto auto;
    grid-template-areas:
      "kicker kicker"
      "title title"
      "intro intro"
      "size preview"
      "format preview"
      "extras preview"
      "note note";
    column-gap:24px;
    width:min(1100px,calc(100vw - 48px));
    height:min(760px,calc(100vh - 28px));
    max-height:calc(100vh - 28px);
    overflow:hidden;
    padding:30px 32px 24px;
  }
  .print-export-modal>.modal-kicker{grid-area:kicker}
  .print-export-modal>h2{grid-area:title}
  .print-export-modal>p{grid-area:intro;margin:0 0 10px}
  .print-export-modal>.print-export-preview{grid-area:preview;min-height:0;height:auto;margin:0;padding:16px;display:flex;align-items:center;justify-content:center;overflow:auto}
  .print-export-modal>.print-export-preview>svg{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 10px 25px rgba(60,48,36,.12)}
  .print-export-modal>.print-export-preview>.batch-preview-grid{width:100%;align-self:stretch;align-items:center}
  .print-export-modal>.print-size-section{grid-area:size;margin:0;padding-top:12px;border-top:1px solid var(--line)}
  .print-export-modal>.print-format-section{grid-area:format;margin:0;padding-top:12px;border-top:1px solid var(--line)}
  .print-export-modal>.print-export-upsell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding-top:12px;align-self:end;border-top:1px dashed var(--line);font-size:9px}
  .print-export-modal>.print-export-upsell>span{grid-column:1/-1;width:auto;margin:0 0 1px}
  .print-export-modal>.modal-note{grid-area:note;margin-top:9px}
  .print-export-modal .print-section-heading{margin-bottom:8px}
  .print-export-modal .print-size-options{grid-template-columns:1fr;gap:6px}
  .print-export-modal .print-size-option{min-height:43px;padding:7px 10px}
  .print-export-modal .print-size-option small{margin-top:2px}
  .print-export-modal .custom-size-fields{margin-top:7px}
  .print-export-modal .print-format-actions{grid-template-columns:repeat(3,1fr);gap:6px}
  .print-export-modal .print-format-button{min-height:42px;padding:8px 9px}
  .print-export-modal .print-format-button small{font-size:7px}
  .print-export-modal .print-export-upsell .bundle-option{display:flex;align-items:center;justify-content:center;min-height:42px;width:100%;padding:8px 7px;font-size:8px}
}

@media (min-width:420px) and (max-width:679px){
  .app-modal-card.print-export-modal{
    grid-template-columns:minmax(170px,44%) minmax(0,1fr);
    column-gap:12px;
    width:calc(100vw - 16px);
    height:min(760px,calc(100vh - 18px));
    padding:21px 16px 16px;
  }
  .print-export-modal>h2{font-size:25px}
  .print-export-modal>p{font-size:10px;line-height:1.45}
  .print-export-modal>.print-export-preview{padding:8px}
  .print-export-modal .print-section-heading{display:block}
  .print-export-modal .print-section-heading small{display:block;margin-top:4px;line-height:1.35}
  .print-export-modal .print-size-option{min-height:39px;padding:6px 8px}
  .print-export-modal .print-size-option strong{font-size:9px}
  .print-export-modal .print-size-option small{font-size:7px}
  .print-export-modal .print-format-actions{grid-template-columns:1fr;gap:5px}
  .print-export-modal .print-format-button{min-height:36px;padding:7px 8px}
  .print-export-modal>.print-export-upsell{gap:5px}
  .print-export-modal>.print-export-upsell .bundle-option{min-height:38px;font-size:7px}
  .print-export-modal>.modal-note{font-size:7px;line-height:1.35}
}

/* The export controls live inside #modal-content; keep the card as the shell and
   apply the actual two-column layout to its inner content wrapper. */
@media (min-width:420px){
  .app-modal-card.print-export-modal{display:block;overflow:hidden}
  .app-modal-card.print-export-modal>.print-export-layout{
    display:grid;
    grid-template-columns:minmax(170px,44%) minmax(0,1fr);
    grid-template-rows:auto auto auto minmax(auto,1fr) auto auto auto;
    grid-template-areas:
      "kicker kicker"
      "title title"
      "intro intro"
      "size preview"
      "format preview"
      "extras preview"
      "note note";
    column-gap:12px;
    height:100%;
    min-height:0;
  }
  .print-export-layout>.modal-kicker{grid-area:kicker}
  .print-export-layout>h2{grid-area:title}
  .print-export-layout>p{grid-area:intro;margin:0 0 10px}
  .print-export-layout>.print-export-preview{grid-area:preview;min-height:0;height:auto;margin:0;padding:8px;display:flex;align-items:center;justify-content:center;overflow:auto}
  .print-export-layout>.print-export-preview>svg{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 10px 25px rgba(60,48,36,.12)}
  .print-export-layout>.print-export-preview>.batch-preview-grid{width:100%;align-self:stretch;align-items:center}
  .print-export-layout>.print-size-section{grid-area:size;margin:0;padding-top:12px;border-top:1px solid var(--line)}
  .print-export-layout>.print-format-section{grid-area:format;margin:0;padding-top:12px;border-top:1px solid var(--line)}
  .print-export-layout>.print-export-upsell{display:grid;grid-area:extras;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding-top:12px;align-self:end;border-top:1px dashed var(--line);font-size:9px}
  .print-export-layout>.print-export-upsell>span{grid-column:1/-1;width:auto;margin:0 0 1px}
  .print-export-layout>.modal-note{grid-area:note;margin-top:9px;font-size:7px;line-height:1.35}
  .print-export-layout .print-section-heading{display:block;margin-bottom:8px}
  .print-export-layout .print-section-heading small{display:block;margin-top:4px;line-height:1.35}
  .print-export-layout .print-size-options{grid-template-columns:1fr;gap:3px}
  .print-export-layout .print-size-option{min-height:34px;padding:5px 8px}
  .print-export-layout .print-size-option strong{font-size:9px}
  .print-export-layout .print-size-option small{margin-top:2px;font-size:7px}
  .print-export-layout .custom-size-fields{gap:5px;margin-top:5px}
  .print-export-layout .custom-size-fields label{font-size:7px}
  .print-export-layout .custom-size-fields input{margin-top:3px;padding:5px;font-size:8px}
  .print-export-layout .custom-size-fields>span{padding-bottom:5px;font-size:8px}
  .print-export-layout .print-format-section{padding-top:8px}
  .print-export-layout .print-format-actions{grid-template-columns:1fr;gap:4px}
  .print-export-layout .print-format-button{min-height:34px;padding:6px 8px}
  .print-export-layout .print-format-button small{font-size:7px}
  .print-export-layout .print-export-upsell .bundle-option{display:flex;align-items:center;justify-content:center;min-height:38px;width:100%;padding:8px 7px;font-size:7px}
}

@media (min-width:680px){
  .app-modal-card.print-export-modal{padding:30px 32px 24px}
  .app-modal-card.print-export-modal>.print-export-layout{
    grid-template-columns:minmax(265px,315px) minmax(0,1fr);
    column-gap:24px;
  }
  .print-export-layout>.print-export-preview{padding:16px}
  .print-export-layout .print-size-option{min-height:43px;padding:7px 10px}
  .print-export-layout .print-size-option strong{font-size:10px}
  .print-export-layout .print-size-option small{font-size:8px}
  .print-export-layout .print-format-actions{grid-template-columns:repeat(3,1fr);gap:6px}
  .print-export-layout .print-format-button{min-height:42px;padding:8px 9px}
  .print-export-layout .print-format-button small{font-size:7px}
  .print-export-layout .print-export-upsell .bundle-option{min-height:42px;font-size:8px}
}

/* A hidden view must never be revived by a component display rule. */
[hidden]{display:none!important}
.export-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.export-tier-card{display:flex;min-height:190px;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.export-tier-card:hover,.export-tier-card:focus-visible{border-color:var(--coral);background:var(--rose);transform:translateY(-2px);outline:none}.export-tier-free{border-color:var(--coral);background:var(--rose)}.export-tier-price{color:var(--coral-dark);font:10px var(--mono);letter-spacing:.08em}.export-tier-card strong{margin-top:22px;font-size:15px;line-height:1.25}.export-tier-card small{margin-top:8px;color:var(--muted);font-size:10px;line-height:1.5}.export-tier-action{margin-top:auto;padding-top:18px;color:var(--coral-dark);font-size:10px;font-weight:700}@media(max-width:680px){.export-tier-grid{grid-template-columns:1fr}.export-tier-card{min-height:112px}.export-tier-card strong{margin-top:9px}.export-tier-card small{margin-top:5px}.export-tier-action{padding-top:10px}}
.sidebar-local-note{margin:14px 8px 0;color:#969d92;font:9px var(--mono);letter-spacing:.04em}

@media(max-width:570px){
  .canvas-header-actions{display:flex}
  .canvas-header-actions #fit-canvas,.canvas-header-actions #grid-toggle{display:none}
}