.tm-page [hidden]{display:none!important}.tm-controls{--tm-line:#e2e6de;--tm-blue:#2c57ed;--tm-muted:#7d8876}.tm-controls button{font-family:inherit;cursor:pointer}.tm-controls button:disabled{opacity:.4;cursor:default}.tm-controls button:focus-visible{outline:2px solid var(--tm-blue);outline-offset:3px}.tm-roster{padding:20px;border-bottom:1px solid var(--tm-line);display:grid;gap:13px}.tm-roster>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:12px}.tm-roster>div:first-child span{font:10px ui-monospace,monospace;color:#8b9581}.tm-people-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.tm-people-list button{display:grid;justify-items:center;gap:5px;padding:4px;border:1px solid transparent;background:none;border-radius:9px;min-width:0}.tm-people-list button[aria-pressed=true]{border-color:#bcccfb;background:#f0f4ff}.tm-people-list i{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font:600 12px Arial;font-style:normal;background:var(--person-color);color:#2b3440}.tm-people-list img{width:100%;height:100%;object-fit:cover}.tm-people-list small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#626e58}.tm-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--tm-line);border-radius:8px;background:white;color:#45503e;font-size:11px;font-weight:600;padding:10px 11px}.tm-primary-soft{background:#f0f3ff;border-color:#dce4fd;color:#3156d0}.tm-primary-soft:hover{background:#e7edff}.tm-controls .app-control-section summary{font-size:13px}.tm-controls .app-control-section>.app-fields{padding:0 20px 22px;gap:18px}.tm-controls .app-field{font-size:12px}.tm-controls .app-field input:not([type=color]),.tm-controls .app-field textarea{border:1px solid #e1e5dc;border-radius:8px;background:#fcfdfb;padding:10px;font-family:inherit;font-size:13px;line-height:1.6}.tm-controls .app-field textarea{min-height:90px;resize:vertical}.tm-controls .app-field input:focus,.tm-controls textarea:focus{outline:2px solid #acbdf5;outline-offset:1px;background:#fff}.tm-controls .app-field-row{gap:9px}.tm-help,.tm-controls .app-field small{font-size:10px;line-height:1.7;color:#86917d;margin:0}.tm-controls .tm-select{appearance:none;width:100%;min-width:0;border:1px solid #e1e5dc;border-radius:8px;background:#fcfdfb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237c8874' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;color:#46533e;padding:11px 28px 11px 10px;font-family:inherit;font-size:12px}.tm-person-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#536149}.tm-person-heading>div{display:flex;gap:5px}.tm-icon-button{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--tm-line);border-radius:7px;color:#69765f;background:white}.tm-crop{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#f0f2ec;border:1px solid #e1e5db;touch-action:none;outline-offset:3px}.tm-crop:focus-visible{outline:2px solid #577cf1}.tm-crop.has-photo{cursor:grab}.tm-crop.is-dragging{outline:3px dashed #4167eb}.tm-crop>img{position:absolute;max-width:none;max-height:none;pointer-events:none;user-select:none}.tm-crop>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#7c8870;font-size:12px}.tm-crop>span small{font-size:10px}.tm-drag-hint{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 7px;background:#ffffffe6;border-radius:5px;color:#59664e;font-size:9px;display:none;pointer-events:none}.tm-crop.has-photo .tm-drag-hint{display:block}.tm-photo-actions{display:flex;gap:8px;justify-content:space-between;align-items:center}.tm-photo-actions .app-text-button{font-size:10px;color:#946963}.tm-upload{position:relative;overflow:hidden;cursor:pointer}.tm-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.tm-range{display:grid;gap:9px}.tm-range>span{display:flex;justify-content:space-between;font-size:11px}.tm-range output{color:#7c8874;font:10px ui-monospace,monospace}.tm-range input{appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(to right,#6784ed var(--range,0%),#e7ecdf var(--range,0%));cursor:pointer;margin:10px 0}.tm-range input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#4268e4;box-shadow:0 0 0 1px #a6b7e7}.tm-range input::-moz-range-thumb{width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#4268e4}.tm-color{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#57634c}.tm-color>span:last-child{position:relative;display:flex;gap:7px;align-items:center;border:1px solid #dfe5d8;border-radius:7px;background:white;padding:7px 8px}.tm-color i{width:17px;height:17px;border-radius:5px}.tm-color b{font:10px ui-monospace,monospace;text-transform:uppercase;color:#7d8970}.tm-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tm-color:focus-within{outline:2px solid #acbdf5;outline-offset:3px}.tm-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer}.tm-switch>span{display:grid;gap:4px}.tm-switch strong{font-size:11px;font-weight:500;color:#42503a}.tm-switch small{font-size:9px;line-height:1.5;color:#8b947e}.tm-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.tm-switch>i{width:30px;height:18px;border-radius:10px;background:#dde3d5;position:relative;flex-shrink:0;transition:background .15s}.tm-switch>i:after{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 3px #0001;transition:transform .15s}.tm-switch input:checked+i{background:#496ae0}.tm-switch input:checked+i:after{transform:translateX(12px)}.tm-switch input:focus-visible+i{outline:2px solid #7996ef;outline-offset:3px}.tm-switch input:disabled+i{opacity:.4}.tm-delete{font-size:11px;color:#99645f;padding:9px;background:#fcf5f3;border:1px solid #f0e2dd;border-radius:7px}.tm-segment{border:0;padding:0;margin:0}.tm-segment legend{font-size:11px;color:#6f7a63;margin-bottom:10px}.tm-segment>div{display:flex;gap:6px}.tm-segment label{position:relative;flex:1;cursor:pointer}.tm-segment input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.tm-segment span{display:block;padding:10px 7px;text-align:center;border:1px solid #dfe5d9;border-radius:8px;font-size:12px;color:#5b6750}.tm-segment input:checked+span{color:#2c53d2;background:#f0f4ff;border-color:#bfcef6}.tm-segment input:focus-visible+span{outline:2px solid #7996ef}.tm-chat-list{display:grid;gap:12px}.tm-chat-card{padding:13px;border:1px solid #dfe6d7;background:#fafcf8;border-radius:10px;display:grid;gap:12px}.tm-chat-card>header{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#859174}.tm-chat-card>header button{border:0;background:none;color:#a16e66;font-size:10px}.tm-chat-card .app-field input,.tm-chat-card .app-field textarea{background:white}.tm-dropzone{position:relative;display:grid;justify-items:center;gap:7px;padding:22px 12px;background:#f7f9f3;border:1px dashed #cbd6bf;border-radius:10px;text-align:center;cursor:pointer;overflow:hidden}.tm-dropzone input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.tm-dropzone>span{font-size:24px;color:#779362}.tm-dropzone strong{font-size:12px;font-weight:500}.tm-dropzone small{font-size:10px;color:#8b967e}.tm-dropzone.is-dragging{border-color:#4268e4;background:#eff3ff}.tm-stepper-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5b674f}.tm-stepper-label small{font-size:9px;color:#8d977f}.tm-stepper{display:flex;border:1px solid #dfe5d7;border-radius:8px;overflow:hidden;align-items:center}.tm-stepper button{width:28px;height:34px;border:0;background:#f8faf4;font-size:14px;color:#7b8970}.tm-stepper input{width:43px;border:0;text-align:center;font-family:inherit;font-size:12px;padding:5px 0;appearance:textfield}.tm-stepper input::-webkit-inner-spin-button{appearance:none}.tm-swatches{display:flex;justify-content:space-between;gap:9px}.tm-swatches button{width:28px;height:28px;border:2px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #dfe5d8}.tm-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #7287ce}.tm-layout-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;border-top:1px solid #e5e9df;padding-top:12px;margin-top:3px}.tm-layout-bar small{margin-left:auto;color:#87927c;font-size:10px}.tm-page .app-preview-toolbar{flex-wrap:wrap}.tm-preview-wrap{position:relative;width:100%;margin:auto}.tm-preview-wrap [data-preview] svg{display:block;width:100%;height:auto}.tm-preview-layer{position:absolute;inset:0;pointer-events:none}.tm-hit{position:absolute;pointer-events:auto;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.tm-hit:hover,.tm-hit:focus-visible{background:#4268e40a;border-color:#8da6ed;outline:none}.tm-page .app-preview-stage{display:block;overflow:auto;max-height:850px;min-height:340px}@media(max-width:520px){.tm-controls .app-field input,.tm-controls .app-field textarea{font-size:16px}.tm-page .app-preview-stage{padding:8px}.tm-layout-bar small{width:100%;margin:0}.tm-layout-bar .app-segment span{padding:7px 8px;font-size:11px}}

.tm-return-preview{display:none}.tm-page .app-control-section,.tm-page .app-preview-column{scroll-margin-top:86px}@media(max-width:800px){.tm-return-preview{display:block;margin:0;padding:13px 22px;text-align:left;background:#f5f7ff;border:0;border-bottom:1px solid #e1e6f2;color:#3156d0;font-size:12px}}
