@font-face{font-family:Nitti;src:url(https://scott-typaldos-mirror-preview.pages.dev/nitti.woff2) format("woff2");font-display:swap}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#ecebea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.cms{height:100vh;display:grid;grid-template-rows:58px 1fr}.topbar{display:flex;align-items:center;gap:18px;padding:0 18px;background:#151515;color:#fff;border-bottom:1px solid #2d2d2d}.logo{font-family:Nitti,monospace;letter-spacing:3px;font-size:14px;white-space:nowrap}.top-sep{width:1px;height:24px;background:#3a3a3a}.page-name{font-size:13px;color:#d5d5d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{margin-left:auto;display:flex;align-items:center;gap:8px;color:#aaa;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#79c885}.top-action{border:1px solid #4b4b4b;background:#222;color:#eee;border-radius:7px;padding:8px 12px;font-size:12px;text-decoration:none}.top-action.primary{background:#fff;color:#111;border-color:#fff}.workspace{min-height:0;display:grid;grid-template-columns:260px minmax(420px,1fr) 330px}.sidebar,.inspector{background:#f8f7f5;min-height:0;overflow:auto}.sidebar{border-right:1px solid #d8d6d2}.inspector{border-left:1px solid #d8d6d2}.sidebar-head,.inspector-head{position:sticky;top:0;z-index:3;background:#f8f7f5;padding:18px 16px 12px;border-bottom:1px solid #dedcd8}.sidebar-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650}.add-page{width:26px;height:26px;border:1px solid #cbc8c2;background:#fff;border-radius:7px;font-size:18px}.search{width:100%;margin-top:13px;padding:9px 11px;border:1px solid #d5d2cc;border-radius:8px;background:#fff;font-size:12px;outline:none}.search:focus{border-color:#777}.page-groups{padding:8px}.group-label{padding:11px 8px 6px;color:#8a8781;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.page-row{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 10px;border-radius:8px;text-align:left;color:#353535;font-size:12px}.page-row:hover{background:#ebe9e5}.page-row.active{background:#171717;color:#fff}.page-icon{width:19px;height:19px;border:1px solid currentColor;border-radius:5px;display:grid;place-items:center;font-size:9px;opacity:.7}.page-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-wrap{min-width:0;min-height:0;display:grid;grid-template-rows:45px 1fr;background:#deddda}.canvas-tools{display:flex;align-items:center;justify-content:center;gap:8px;background:#f2f1ef;border-bottom:1px solid #d3d1cc}.device{border:0;background:transparent;color:#777;padding:7px 10px;border-radius:6px;font-size:12px}.device.active{background:#fff;color:#111;box-shadow:0 1px 4px #0001}.route{position:absolute;left:278px;color:#888;font-size:11px}.canvas-scroll{overflow:auto;padding:24px;display:flex;justify-content:center}.site-canvas{background:#f4f4f4;width:100%;max-width:1180px;min-height:100%;box-shadow:0 12px 30px #00000016;transition:.25s width;border:1px solid #d1d0cd}.site-canvas.mobile{width:390px}.mirror-header{height:92px;display:flex;align-items:flex-start;justify-content:space-between;padding:37px 7.5% 0;font-family:Nitti,monospace;letter-spacing:4px;font-size:14px}.mirror-plus{font:32px/1 Arial,sans-serif;font-weight:100}.canvas-title{text-align:center;font:13px Nitti,monospace;letter-spacing:3px;margin:76px auto 50px;outline:0}.canvas-title:focus{background:#fff7bd}.gallery-canvas{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);padding:0 var(--gap) 60px}.gallery-canvas.masonry{display:block;columns:var(--cols);column-gap:var(--gap)}.gallery-canvas.masonry .canvas-photo{break-inside:avoid;margin-bottom:var(--gap)}.gallery-canvas.slideshow{display:flex;align-items:center;justify-content:center;min-height:590px}.gallery-canvas.slideshow .canvas-photo{display:none;max-width:85%}.gallery-canvas.slideshow .canvas-photo:first-child{display:block}.gallery-canvas.full{grid-template-columns:1fr;padding-left:0;padding-right:0}.canvas-photo{position:relative;border:2px solid transparent;background:#e5e4e1;min-height:80px;overflow:hidden;cursor:grab}.canvas-photo:hover,.canvas-photo.selected{border-color:#6d4aff}.canvas-photo.dragging{opacity:.35}.canvas-photo img{display:block;width:100%;height:100%;object-fit:cover}.canvas-photo .order{position:absolute;left:6px;top:6px;border-radius:999px;background:#111c;color:#fff;font:10px Arial,sans-serif;padding:4px 7px;opacity:0}.canvas-photo:hover .order,.canvas-photo.selected .order{opacity:1}.canvas-empty{display:grid;place-items:center;min-height:500px;text-align:center;color:#777;padding:40px}.canvas-empty iframe{width:100%;height:700px;border:0}.slideshow-note{position:absolute;margin-top:480px;font:11px Arial,sans-serif;color:#777}.inspector-head{padding-bottom:0}.inspector-title{font-size:13px;font-weight:650;margin-bottom:14px}.tabs{display:flex;gap:18px}.tab{border:0;background:transparent;padding:0 0 11px;color:#888;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:#111;border-color:#111}.panel{padding:16px}.field{display:block;margin-bottom:17px}.field-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#65625d;font-size:11px}.field input[type=text],.field textarea,.field select{width:100%;border:1px solid #d4d1cb;background:#fff;border-radius:7px;padding:9px 10px;font-size:12px;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6d4aff;box-shadow:0 0 0 2px #6d4aff18}.range{width:100%;accent-color:#161616}.photo-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.photo-toolbar strong{font-size:12px}.small-button{border:1px solid #ccc8c1;background:#fff;border-radius:7px;padding:7px 9px;font-size:11px}.photo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.photo-thumb{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#ddd;cursor:grab}.photo-thumb:hover,.photo-thumb.selected{border-color:#6d4aff}.photo-thumb.dragging{opacity:.3}.photo-thumb img{width:100%;height:100%;display:block;object-fit:cover}.photo-thumb span{position:absolute;left:4px;top:4px;background:#111b;color:#fff;border-radius:999px;font-size:9px;padding:2px 5px}.selection{margin-top:18px;padding-top:16px;border-top:1px solid #ddd}.selection-preview{width:100%;height:150px;object-fit:contain;background:#e8e7e4;border-radius:7px;margin-bottom:10px}.danger{color:#a22}.notice{padding:13px;border-radius:8px;background:#efede9;color:#65625d;font-size:11px;line-height:1.45}.publish-pop{position:fixed;z-index:20;inset:0;background:#0007;display:grid;place-items:center}.publish-card{width:390px;max-width:calc(100vw - 30px);background:#fff;border-radius:14px;padding:24px;box-shadow:0 20px 70px #0005}.publish-card h2{font-size:18px;margin:0 0 8px}.publish-card p{font-size:13px;line-height:1.5;color:#666}.publish-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.hidden{display:none!important}@media(max-width:980px){.workspace{grid-template-columns:210px 1fr}.inspector{position:fixed;z-index:10;right:0;top:58px;bottom:0;width:330px;box-shadow:-12px 0 30px #0002}.route{display:none}}.canvas-tools{position:relative}.view-switch{display:flex;padding:3px;background:#dedcd8;border-radius:8px}.view-button{border:0;background:transparent;color:#65625d;border-radius:6px;padding:6px 10px;font-size:12px}.view-button.active{background:#fff;color:#111;box-shadow:0 1px 4px #0002}.canvas-scroll{justify-content:flex-start;align-items:flex-start}.site-canvas:not(.original-view){max-width:none;min-height:0;flex:0 0 auto;overflow:visible}.site-canvas.original-view{width:min(100%,1265px);max-width:1265px;height:calc(100vh - 155px);min-height:640px;margin:0 auto;position:relative;overflow:hidden}.site-canvas.original-view iframe{display:block;width:100%;height:100%;border:0;background:#f4f4f4}.comparison-note{position:absolute;z-index:30;left:14px;bottom:14px;display:flex;flex-direction:column;gap:2px;max-width:310px;padding:10px 12px;border:1px solid #d4d0c8;border-radius:8px;background:#fffef8ef;box-shadow:0 4px 18px #0002;font-size:11px;color:#666;pointer-events:none}.comparison-note strong{color:#222;font-size:12px}.free-stage{position:relative;background:#f4f4f4;overflow:hidden;font-family:Nitti,Courier New,monospace;letter-spacing:normal}.free-element{position:absolute;left:0;top:0;box-sizing:border-box;cursor:move;-webkit-user-select:none;user-select:none}.free-element.selected{outline:1px solid #6d4aff;outline-offset:2px}.free-image{display:flex;align-items:center;justify-content:center;overflow:hidden}.free-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.element-badge{position:absolute;left:4px;top:4px;border-radius:999px;background:#6d4aff;color:#fff;font:10px/1 Arial,sans-serif;padding:4px 6px;opacity:0}.free-image:hover .element-badge,.free-image.selected .element-badge{opacity:1}.free-text{font-size:16px;line-height:normal;white-space:pre-wrap;overflow:hidden}.role-brand{font-size:16px;line-height:normal}.role-menu{font:47px/47px Arial,sans-serif;text-align:left}.role-title,.role-title-plus{text-align:center}.role-title-plus{font-size:16px}.role-body{line-height:1.45;letter-spacing:normal}.moveable-control{background:#fff!important;border:1px solid #6d4aff!important;width:9px!important;height:9px!important;margin-top:-5px!important;margin-left:-5px!important}.moveable-line{background:#6d4aff!important}.moveable-guideline{background:#f238b7!important}.selected-kind{font-size:13px;font-weight:650;text-transform:capitalize;margin-bottom:14px}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.coordinate-grid label{display:grid;grid-template-columns:24px 1fr;align-items:center;border:1px solid #d4d1cb;background:#fff;border-radius:7px;padding:0 8px}.coordinate-grid span{font-size:10px;color:#777}.coordinate-grid input{min-width:0;width:100%;border:0;padding:8px 0;outline:0;font-size:12px;background:transparent}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.wide{width:100%;margin-bottom:14px}.notice.exact{font-size:12px;line-height:1.5}.notice.exact strong{display:block;color:#222;font-size:13px}.notice.exact p{margin:7px 0 14px}