.prop{object-fit:contain;height:210px}.prop.p1{width:165px;top:0}.prop.p2{width:185px;left:35%;top:0}.prop.p3{width:205px;top:0}
.rule-art{width:100%;height:100px;object-fit:contain}.finish-art{width:180px;height:150px;object-fit:contain}
.phone{background:linear-gradient(140deg,#8c58b4,#42295b);border:3px solid #c4a1df;box-shadow:0 8px 0 #b6a1c7,0 15px 30px #34213e20}
.screenp{padding:16px}.screenp .lbl{display:flex;align-items:center;margin-bottom:4px}.lbl img{width:42px;height:42px;object-fit:contain;margin-right:8px}.edit-guide{font-size:.9rem;color:var(--muted);margin:0 0 10px}
.chip{min-height:44px;white-space:normal;text-align:left;line-height:1.45;margin:3px 1px;vertical-align:baseline;box-shadow:0 2px 2px #4a2b5018}
.chip.removed{color:#6c6376;background:#e7e3eb}.chooser{border-color:#8a58b6;box-shadow:0 5px 14px #592c7714}.chooser button{min-height:46px}
.record{position:sticky;top:12px;border:2px solid #c6acde;box-shadow:0 7px 0 #c8b4d8,0 12px 20px #49275e10}.record .top{background:linear-gradient(130deg,#7945a2,#4d266d);font-size:.95rem}.record .top img{width:48px;height:48px;object-fit:contain}.record .inner{padding:12px}.record .kept{background:#fffcf5;font-size:1rem;border-color:#ac94bd}.record .kept.changed{animation:record-change .35s ease-out}.record .flags li{background:#fcf4e8}
.out{scroll-margin-top:20px}.actions .btn{flex:1 1 auto}.out .row{justify-content:flex-start}.out .row button{min-width:150px}
@keyframes record-change{from{background:#eed8ff;transform:translateY(3px)}to{background:#fffcf5;transform:none}}
@media(max-width:900px){.desk{display:flex;flex-direction:column;gap:16px}.editor,.record{width:100%}.record{order:-1;top:0;z-index:2;border-radius:16px}.record .top{padding:5px 10px;font-size:.85rem}.record .top img{width:30px;height:30px}.record .inner{max-height:165px;overflow:auto;padding:8px}.record .kept{font-size:.9rem;min-height:0;padding:6px 9px}.record .flags{margin-top:6px}.record .flags li{font-size:.8rem;padding:4px 8px}.record .policy{font-size:.76rem;margin-top:6px}.chooser,.chip,.out{scroll-margin-top:240px}.step .rule-art{grid-row:1/3;height:80px}.prop{height:165px}.prop.p1{width:110px;left:0}.prop.p2{width:125px;left:33%}.prop.p3{width:135px;right:0}.props{height:175px}.screenp{padding:12px}.draft{padding:10px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.record .kept.changed{animation:none!important}html{scroll-behavior:auto}}
.record>.policy{padding:8px 12px;margin:0;border-top:1px solid #e9ddf3;background:#faf7fd}
@media(max-width:900px){.record .inner{max-height:125px}.record>.policy{padding:6px 10px;font-size:.76rem}.chooser,.chip,.out{scroll-margin-top:265px}}